Grafik semula dan Foto untuk iPad dan iPhone - dummies

Menukar saiz imej web untuk dipaparkan pada iPad dan iPhone adalah penting kerana dua sebab: Imej mesti cukup kecil untuk dipaparkan dengan baik pada monitor komputer dan muat turun dengan pantas ke komputer pengguna. Semakin kecil imejnya, semakin cepat ia akan dimuat turun.

Walaupun anda boleh menukar saiz paparan imej dalam laman web dengan mengubah tetapan ketinggian dan lebar dalam Dreamweaver atau mana-mana editor web lain, anda mendapat hasil yang lebih baik jika anda bukan mengubah saiz fizikal imej itu dalam editor program seperti Photoshop.

Apabila anda mengubah ketinggian imej dan lebar dalam kod HTML, anda hanya mengarahkan pelayar web untuk memaparkan imej dalam saiz yang berbeza. Malangnya, penyemak imbas tidak melakukan kerja yang baik untuk mengubah saiz imej kerana penyemak imbas tidak mengubah imej itu sendiri, tetapi hanya memaksanya agar sesuai dengan ruang yang ditetapkan apabila pelayar memuatkan halaman tersebut.

Jika anda menetapkan imej untuk dipaparkan lebih besar daripada saiz sebenarnya, imej itu mungkin kelihatan kabur atau terdistorsi kerana imej itu tidak mengandungi piksel yang cukup untuk semua butiran untuk kelihatan baik dalam saiz yang lebih besar. Jika anda menetapkan kod untuk memaparkan imej yang lebih kecil daripada itu, imej itu mungkin kelihatan squished dan pengguna anda mesti memuatkan imej yang lebih besar daripada yang diperlukan.

Mengurangkan saiz imej untuk digunakan di web memerlukan dua langkah. Pertama, anda mengurangkan resolusi imej, yang mengubah bilangan piksel dalam imej. Apabila anda bekerja dengan imej untuk web, anda mahu mengurangkan resolusi hingga 72 piksel per inci (ppi).

Kedua, anda mengurangkan saiz fizikal imej dengan mengurangkan dimensinya. Anda mahu saiz imej anda sesuai dengan baik dalam tetingkap penyemak imbas dan untuk bekerja dalam reka bentuk laman web anda.

Ikuti langkah-langkah ini untuk mengurangkan resolusi dan mengurangkan saiz imej di Photoshop (dalam Photoshop Elements atau Fireworks, anda mengikuti proses yang sama walaupun langkah-langkah tertentu mungkin berbeza):

1 Dengan imej terbuka di Photoshop, pilih Imej → Saiz semula.

Peti dialog Saiz Imej dibuka.

Jika anda tidak mahu imej asal anda hilang kualiti (atau anda hanya mahu memainkannya dengan selamat), buat salinan imej anda dan ubah saiz salinan untuk laman web anda.

2Untuk mengubah resolusi imej anda, mula-mula nyahpilih kotak semak Resample Image di bahagian bawah kotak dialog Saiz Imej.

Untuk hasil yang terbaik, sentiasa nyahpilih kotak semak Resample Image apabila anda menukar resolusi. Untuk menyediakan imej terbaik untuk web, tukar resolusi kepada 72 ppi supaya mereka memuat turun lebih cepat.

3Klik dan seret untuk menyerlahkan nombor dalam medan Resolusi dan gantikannya dengan menaip nombor 72.

Dimensi Lebar dan Ketinggian akan mengubah saiz secara automatik.

4Klik untuk memilih kotak Semak Resit Imej.

Dengan kotak semak imej Resample yang dipilih, anda tidak boleh menukar dimensi Pixel supaya ia mesti diperiksa apabila anda menukar saiz imej.

5Masukkan ketinggian dan lebar untuk imej dalam medan Ketinggian dan Lebar.

Jika kotak centang Constrain Proportions di bahagian bawah kotak dialog dipilih (seperti dalam contoh ini), sebarang perubahan yang anda buat pada ketinggian secara automatik akan mempengaruhi lebar (dan sebaliknya) untuk memastikan bahawa bahagian imej tetap berterusan. Jika anda ingin menukar imej dan tidak mengekalkan perkadaran, anda boleh menyahpilih kotak ini.

Apabila anda mengubah saiz imej di Photoshop dalam kawasan Dimensi Pixel, anda boleh menentukan saiz baru dalam piksel atau sebagai peratusan saiz asal.

Imej oleh artis Amy Baur dan Brian Boldon, dari seni inplainsight.

6Klik OK untuk mengubah saiz imej.

Jika anda mahu memulangkan imej ke saiz sebelumnya, pilih Edit → Undo. Berhati-hatilah apabila anda menyimpan imej, perubahan menjadi kekal.