Rumah Media Sosial Simpan Photoshop Images sebagai GIF untuk Web dan Peranti Mudah Alih - dummies

Simpan Photoshop Images sebagai GIF untuk Web dan Peranti Mudah Alih - dummies

Isi kandungan:

Video: Web Development - Computer Science for Business Leaders 2016 2025

Video: Web Development - Computer Science for Business Leaders 2016 2025
Anonim

Menyimpan fail untuk web atau peranti mudah alih dalam Photoshop Creative Suite 5 mencipta versi imej yang lebih kecil supaya ia akan memuat dengan pantas. Ideanya adalah untuk membuat imej sekecil mungkin sambil mengekalkannya secara visual.

Gunakan format GIF jika anda mempunyai kawasan warna pepejal yang besar.

Imej dengan banyak warna pepejal menjadikan GIF yang baik.

Format GIF tidak lossy ( ia tidak kehilangan data apabila fail dimampatkan dalam format ini), tetapi ia mengurangkan saiz fail dengan menggunakan bilangan warna yang terhad dalam jadual warna. Semakin rendah jumlah warna, semakin kecil saiz fail. Jika anda pernah bekerja dalam mod warna Indeks, anda sudah biasa dengan proses ini.

Ketelusan disokong oleh format fail GIF. Secara amnya, fail GIF tidak melakukan tugas yang baik pada apa-apa yang memerlukan peralihan yang lancar dari satu warna ke yang lain, kerana sokongan miskin format anti-aliasing , yang digunakan oleh Photoshop untuk tepi bergerigi licin. Apabila peralihan imej dari satu warna ke warna yang lain, Photoshop menghasilkan pelbagai warna piksel untuk membuat perpaduan antara dua warna.

Oleh kerana anti-aliasing perlu membuat pelbagai warna untuk kesan ini, fail GIF umumnya tidak disyorkan. Sebenarnya, apabila anda mengurangkan saiz GIF, anda lebih cenderung untuk melihat banding (artifak yang muncul sebagai garis-garis pada imej) kerana anti-aliasing tidak boleh berlaku dengan yang terhad bilangan warna yang ada dalam format GIF.

Anda tentu saja boleh meningkatkan jumlah warna untuk mewujudkan peralihan yang lebih lancar, tetapi kemudian anda berisiko membuat fail raksasa yang mengambil selama-lamanya untuk dimuat turun.

Simpan sebagai GIF

Apabila anda memilih Fail → Simpan Untuk Web & Peranti, anda mula-mula melihat pilihan format GIF yang tersedia. Mereka mungkin lebih jelas kepada anda jika anda mempunyai imej terbuka (dengan banyak warna pepejal di dalamnya).

Untuk menyimpan fail untuk Web sebagai GIF, ikuti langkah berikut:

  1. Pilih Fail → Simpan untuk Web & Peranti.

    Peti dialog Simpan untuk Web & Peranti muncul.

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

    Anda melihat imej asal di sebelah kiri dan imej yang dioptimumkan di sebelah kanan (atau atas dan bawah, bergantung kepada bahagian imej).

    Di bahagian bawah paparan, anda melihat saiz fail asal berbanding dengan saiz fail yang dioptimumkan, serta masa muat turun anggaran. Masa muat turun adalah penting. Kebanyakan orang tidak menunggu lebih daripada sepuluh saat untuk halaman web muncul, jadi pastikan setiap masa muat turun imej menjadi lima saat atau kurang.

    Tukar kelajuan muat turun dengan memilih dari menu Pratonton (cari anak panah di sebelah kanan atas kotak dialog Simpan untuk Web & Peranti).

  3. Pilih GIF 32 No Dither dari senarai juntai bawah Preset.

    Anda mungkin melihat perubahan sudah. Photoshop membekalkan anda dengan pratetap untuk dipilih, atau anda boleh menyesuaikan dan menyimpan sendiri.

  4. Pilih sama ada anda mahu dithering diterapkan pada imej dengan memilih pilihan dari senarai drop-down Algoritma Tuntutan Algoritma.

    Pilihan ini semata-mata peribadi. Kerana anda mungkin mengehadkan warna, Photoshop boleh menggunakan dithering untuk mencampur pixel warna yang tersedia untuk mensimulasikan warna yang hilang. Banyak pereka memilih pilihan No Dither kerana dithering boleh membuat spek warna yang tidak asli dalam imej.

    Pilih daripada pratetap, atau buat tetapan tersuai anda sendiri.
  5. Jika imej anda berada di lapisan telus dan anda ingin mengekalkan ketelusan itu pada halaman Web, pilih kotak semak Transparency.

Meja warna dalam kotak dialog Simpan untuk Web & Peranti

Apabila anda menyimpan imej dalam format GIF menggunakan kotak dialog Simpan untuk Web & Peranti, anda melihat jadual warna untuk imej di sebelah kanan kotak dialog. Meja warna adalah penting kerana ia bukan sahaja membolehkan anda melihat warna yang digunakan dalam imej tetapi juga membolehkan anda menyesuaikan jadual warna dengan menggunakan pilihan di bahagian bawah.

Anda mungkin mahu memperibadikan jadual warna anda dengan memilih beberapa warna untuk menjadi selamat dan mengunci warna supaya tidak dimatikan apabila anda mengurangkan bilangan yang digunakan.

Untuk menyesuaikan jadual warna, ikuti langkah-langkah berikut:

  1. Jika imej anda hanya mempunyai beberapa warna yang anda ingin tukar ke warna selamat Web, pilih alat Eyedropper dari kiri dialog Simpan untuk Web & Peranti kotak dan klik warna dalam paparan Dioptimumkan.

    Warna sampel diserlahkan dalam jadual warna.

  2. Klik butang Selamat Web di bahagian bawah jadual warna.

    Apabila anda menyeberang ke atas butang ini, Shifts / Unshifts tooltip Warna Terpilih ke Panel Web muncul.

    Berlian muncul, menunjukkan bahawa warna kini selamat di web.

  3. Kunci warna yang anda tidak mahu padamkan semasa anda mengurangkan bilangan warna dalam jadual warna.

    Pilih warna dengan alat Eyedropper, atau pilih dalam jadual warna dan kemudian klik butang Warna Kunci. Alun putih muncul di sudut kanan bawah, menunjukkan bahawa warna dikunci.

    Jika anda mengunci 32 warna dan kemudian mengurangkan jadual warna menjadi 24, beberapa warna terkunci anda akan dipadamkan. Jika anda memilih untuk menambah warna, warna yang terkunci adalah yang pertama untuk kembali.

    Sesuaikan warna dengan menggunakan jadual warna di tetingkap Simpan untuk Web dan Peranti.

Bagaimanakah jadual warna dicipta? Berdasarkan kaedah algoritma pengurangan warna yang anda pilih, ciri-ciri Simpan untuk Web & Peranti mengukur bilangan warna yang anda tunjukkan. Sekiranya menjaga warna web selamat adalah penting, pilih pilihan Restriksif (Web) untuk kaedah; jika anda mahu imej anda kelihatan lebih baik pada kebanyakan monitor tetapi tidak semestinya menjadi selamat web, pilih pilihan Adaptive.

  1. Gunakan menu lungsur Warna atau masukkan nombor untuk menambah atau memadam warna dari jadual warna.

  2. Jika imej anda menggunakan ketelusan, pilih kotak semak Transparency di bahagian atas kotak dialog Simpan untuk Web & Peranti.

    Ingat bahawa ketelusan dikira sebagai salah satu warna anda dalam jadual warna.

  3. Pilih kotak semak Interlaced hanya jika imej GIF anda besar (25K atau lebih besar).

    Memilih pilihan ini menyebabkan imej dibina dalam beberapa imbasan pada halaman web - imej resolusi rendah yang muncul dengan cepat dan kemudian disegarkan semula dengan imej resolusi tinggi apabila muat turun selesai. Interlacing memberikan ilusi muat turun berjalan lebih cepat tetapi menjadikan saiz fail lebih besar, jadi gunakan hanya jika perlu.

  4. Klik Simpan.

    Sekarang imej itu bersedia dilampirkan pada mesej e-mel atau digunakan dalam laman web.

Simpan Photoshop Images sebagai GIF untuk Web dan Peranti Mudah Alih - dummies

Pilihan Editor

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

Apa yang boleh dilakukan oleh GoPro? Inilah soalan yang lebih relevan: Apa yang anda mahu lakukan? Meminta soalan ini lebih seperti menanyakan diri anda tentang keinginan dan hasrat anda sendiri untuk rakaman video yang unik. Apabila anda menentukan apa yang anda ingin tangkap, semua yang anda perlu lakukan ialah menyambungkan kamera ke gunung yang sesuai ...

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Anda mempunyai refleks kanta tunggal digital yang besar (dSLR ) kamera dan mahu menangkap beberapa gambar indah masa-masa hidup anda. Untuk sepenuhnya menguasai dSLR anda dan membuat gambar yang menarik, anda mesti menceburkan diri ke dunia baru yang berani yang melibatkan membuat keputusan tentang mod penangkapan. Mengetahui panjang fokus apa yang digunakan dalam ...

Pilihan Editor

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Lapisan lapisan di Photoshop CS6 membolehkan anda secara beransur-ansur berus dalam ketelusan dan kelegapan pada asas pixel selektif. Dua alat pelapis lapisan - Alat Gradien dan Brush - lebih kerap digunakan berbanding yang lain: Alat Gradien: Menetapkan alat ini kepada kecerunan linear hitam ke putih atau putih ke ...

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Sumber yang tersedia untuk Adobe Photoshop Creative Suite 6 adalah luas. Kuler adalah komuniti dalam talian yang menyediakan tema warna untuk anda menyemak imbas, memuat turun, membuat, mengedit, dan memuat naik untuk berkongsi dengan orang lain. Gunakan tema ini apabila membuat projek cetak grafik atau laman web. Apa yang anda perlukan ialah sambungan Internet dan Adobe ID. Di sini ...

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Kata kunci adalah label deskriptif yang anda lampirkan ke fail di Bridge. Mereka membantu untuk mengkategorikan imej Photoshop CS6 anda, membolehkan anda lebih cekap dan cepat mencari fail yang anda inginkan. Berikut adalah downside untuk membuat dan menggunakan kata kunci: Untuk membuat kata kunci baru (folder kategori yang mengandungi kata kunci): Klik ikon tanda tambah (+) ...

Pilihan Editor

Dengan Touch dengan Nota Reka bentuk - dummies

Dengan Touch dengan Nota Reka bentuk - dummies

Nota reka bentuk adalah sesuai untuk berkomunikasi dengan pemaju lain yang bekerja pada Laman web, tetapi tidak dalam jarak menjerit. Ciri Dreamweaver ini berfungsi seperti tag komen (kod HTML yang membolehkan anda memasukkan teks dalam halaman yang tidak akan dipaparkan dalam penyemak imbas) tetapi dengan privasi lebih banyak. Ramai pemaju menggunakan ...

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Jangan berfikir bahawa toolbar Dreamweaver CS3 Common Insert biasa dan biasa. Ia hanya dipanggil "umum" kerana ia menawarkan perintah memasukkan yang paling kerap digunakan kerana ia adalah yang paling berguna. Dengan bilah alat yang ditunjukkan di sini, anda boleh memasukkan segala-galanya dari pautan e-mel kepada tarikh kepada mana-mana media yang ingin anda letakkan ...

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Penjajaran imej dan teks bersebelahan mereka di Adobe Suite Creative 5 (Adobe CS5) Dreamweaver adalah mudah, tetapi pilihan yang ada mungkin membuat kelihatan terlalu rumit. Imej dan teks bersebelahan mereka duduk pada garis dasar yang sama sebagai lalai, memaksa teks berjalan dalam satu baris ke kanan imej. Untuk ...