Simpan Photoshop Images sebagai GIF untuk Web dan Perangkat Mobile - dummies

Menyimpan file untuk perangkat web atau ponsel di Photoshop Creative Suite 5 membuat versi gambar yang lebih kecil sehingga akan dimuat dengan cepat. Idenya adalah membuat gambar sekecil mungkin sambil tetap tampil secara visual.

Gunakan format GIF jika Anda memiliki area warna solid yang luas.

Gambar dengan banyak warna solid membuat GIF bagus.

Format GIF tidak lossy ( tidak kehilangan data saat file dikompres dalam format ini), namun mengurangi ukuran file dengan menggunakan sejumlah warna dalam tabel warna. Semakin rendah jumlah warna, semakin kecil ukuran file. Jika Anda pernah bekerja dalam mode Index color, Anda sudah familiar dengan proses ini.

Transparansi didukung oleh format file GIF. Umumnya, file GIF tidak melakukan pekerjaan dengan baik pada sesuatu yang memerlukan transisi halus dari satu warna ke warna lainnya, karena formatnya kurang mendukung anti-aliasing , yang merupakan metode yang digunakan Photoshop Tepuk tepi bergerigi halus. Ketika sebuah gambar berpindah dari satu warna ke warna yang lain, Photoshop menghasilkan banyak warna piksel untuk menciptakan perpaduan antara dua warna.

Karena anti-aliasing perlu membuat beberapa warna untuk efek ini, file GIF umumnya tidak disarankan. Sebenarnya, bila Anda mengurangi ukuran GIF, Anda lebih cenderung melihat banding (sebuah artefak yang muncul sebagai garis-garis pada gambar) karena anti-aliasing tidak dapat terjadi dengan yang terbatas. jumlah warna yang tersedia dalam format GIF.

Anda tentu saja dapat secara dramatis meningkatkan jumlah warna untuk menciptakan transisi yang lebih mulus, tapi kemudian Anda berisiko membuat file monster yang membutuhkan waktu lama untuk diunduh.

Simpan sebagai GIF

Bila Anda memilih File → Save For Web & Devices, pertama Anda akan melihat opsi format GIF yang tersedia. Mereka mungkin lebih jelas bagi Anda jika Anda memiliki gambar yang terbuka (dengan banyak warna solid di dalamnya).

Untuk menyimpan file untuk Web sebagai GIF, ikuti langkah-langkah ini:

1. Pilih File → Save for Web & Devices.

   Kotak dialog Save for Web & Devices muncul.

2. Di bagian atas, klik tab 2-Up.

   Anda melihat gambar asli di sebelah kiri dan gambar yang dioptimalkan di sebelah kanan (atau atas dan bawah, tergantung pada proporsi gambar).

   Di bagian bawah layar, Anda melihat ukuran file asli dibandingkan dengan ukuran file yang dioptimalkan, serta perkiraan waktu download. Waktu download itu penting. Kebanyakan orang tidak menunggu lebih dari sepuluh detik untuk menampilkan halaman web, jadi simpan setiap waktu download gambar hingga lima detik atau kurang.

   Ubah kecepatan download dengan memilih dari menu Preview (cari tanda panah di sisi kanan atas kotak dialog Save for Web & Devices).

3. Pilih GIF 32 No Dither dari daftar drop-down Preset.

   Anda mungkin sudah melihat perubahannya. Photoshop memasok Anda dengan preset untuk dipilih, atau Anda dapat menyesuaikan dan menyimpannya sendiri.

4. Pilih apakah Anda ingin dithering diterapkan pada gambar dengan memilih opsi dari daftar Tetapkan Algoritma Dither Algorithm.

   Pilihan ini murni pribadi. Karena Anda mungkin membatasi warna, Photoshop dapat menggunakan dithering untuk mencampur warna piksel yang tersedia untuk mensimulasikan warna yang hilang. Banyak perancang memilih opsi No Dither karena dithering dapat menciptakan warna yang tidak wajar pada gambar.

   

   Pilih dari preset, atau buat pengaturan khusus Anda sendiri.

5. Jika gambar Anda berada pada lapisan transparan dan Anda ingin mempertahankan transparansi di halaman Web, pilih kotak centang Transparansi.

Tabel warna dalam kotak dialog Save for Web & Devices

Bila Anda menyimpan gambar dalam format GIF menggunakan kotak dialog Save for Web & Devices, Anda akan melihat tabel warna pada gambar di sisi kanan kotak dialog. Meja warna penting karena tidak hanya memungkinkan Anda melihat warna yang digunakan pada gambar tetapi juga memungkinkan Anda menyesuaikan tabel warna dengan menggunakan opsi di bagian bawah.

Anda mungkin ingin menyesuaikan tabel warna Anda dengan memilih beberapa warna agar aman dan mengunci warna Web sehingga tidak terbentur saat Anda mengurangi nomor yang digunakan.

Untuk menyesuaikan tabel warna, ikuti langkah-langkah ini:

1. Jika gambar Anda hanya memiliki beberapa warna yang ingin Anda ubah menjadi warna Web-safe, pilih alat Eyedropper dari sebelah kiri dialog Save for Web & Devices kotak dan klik warna pada tampilan Optimized.

   Warna sampel disorot dalam tabel warna.

2. Klik tombol Web Safe di bagian bawah tabel warna.

   Saat Anda melewati tombol ini, tooltip Shifts / Unshifts Selected Colors to Web Panel muncul.

   Sebuah berlian muncul, menunjukkan bahwa warnanya sekarang aman untuk web.

3. Kunci warna yang tidak ingin Anda hapus saat Anda mengurangi jumlah warna pada tabel warna.

   Pilih warna dengan alat pipet, atau pilih di tabel warna lalu klik tombol Kunci Warna. Kotak putih muncul di pojok kanan bawah, menunjukkan bahwa warnanya terkunci.

   Jika Anda mengunci 32 warna lalu mengurangi tabel warna menjadi 24, beberapa warna yang terkunci akan dihapus. Jika Anda memilih untuk menambahkan warna, warna yang terkunci adalah yang pertama untuk kembali.

   

   Sesuaikan warna dengan menggunakan tabel warna di jendela Save for Web and Devices.

Bagaimana tabel warna dibuat? Berdasarkan metode algoritma pengurangan warna yang Anda pilih, fitur Save for Web & Devices menampilkan jumlah warna yang Anda tentukan. Jika menjaga warna web tetap aman, pilih opsi Pembatasan (Web) untuk metode ini; Jika Anda ingin gambar Anda terlihat lebih baik pada kebanyakan monitor namun tidak harus aman di web, pilih opsi Adaptive.

1. Gunakan menu drop-down Warna atau masukkan nomor untuk menambahkan atau menghapus warna dari tabel warna.

2. Jika gambar Anda menggunakan transparansi, pilih kotak centang Transparansi di dekat bagian atas kotak dialog Save for Web & Devices.

   Ingat bahwa transparansi dihitung sebagai salah satu warna Anda dalam tabel warna.

3. Pilih kotak centang Interlaced hanya jika gambar GIF Anda berukuran besar (25K atau lebih besar).

   Memilih opsi ini menyebabkan gambar dibuat dalam beberapa pemindaian pada halaman web - gambar beresolusi rendah yang muncul dengan cepat dan kemudian disegarkan dengan gambar beresolusi lebih tinggi saat download selesai. Interlacing memberi ilusi download lebih cepat namun membuat ukuran file lebih besar, jadi gunakan saja jika perlu.

4. Klik Simpan.

   Sekarang gambar siap untuk dilampirkan ke pesan e-mail atau digunakan di halaman web.