Bagaimana saya tahu tipe gambar apa yang digunakan?

8

Saya sedang mengerjakan sebuah situs web yang akan menggunakan gambar dalam beberapa aplikasi yang berbeda, dari tombol aksi hingga avatar hingga gambar detail yang lebih besar. Faktor apa yang harus saya pertimbangkan untuk memutuskan apakah gambar ini harus jpg, gif, atau pngs?

website-design images png jpeg gif BenV
sumber

Jawaban:

6
  • JPG untuk foto atau perbedaan warna yang tinggi
  • PNG untuk gambar dengan transparansi bertahap (memudar dari 1 warna menjadi bening)
  • GIF untuk gambar dengan palet warna kecil

Jelas mencoba setiap gambar dan melihat apa yang keluar dengan ukuran file terkecil. Semakin kecil ukuran semakin baik. Juga jangan khawatir tentang transparansi dalam IE6 untuk PNG Anda, nenek tidak peduli bagaimana situs Anda terlihat hanya bahwa dia dapat melihat foto-foto Anda di dalamnya.

XOPJ
sumber
3

Ukuran file. Semakin kecil ukuran file, semakin cepat unduh untuk pengguna Anda. Jadi gunakan ukuran file terkecil yang tidak memengaruhi kualitas gambar Anda.

(JPG secara umum digunakan untuk foto dan PNG / GIF digunakan untuk gambar seperti ikon)

John Conde
sumber
1
Saya ingin menambahkannya untuk tangkapan layar UI / non-foto - gunakan PNG. JPEG cenderung pixelate gambar non-foto mengerikan.
scunliffe
1

Dukungan Browser . Saya pikir itu IE6 atau IE7 dan lebih tua tidak mendukung gambar berbasis png dengan latar belakang transparan dengan benar. Biasanya menambahkan beberapa warna latar belakang yang funky.

Jeremy
sumber
1
Hanya IE6 yang memiliki masalah dengan PNG transparan. IE7-9 baik-baik saja dengan mereka.
bdadam
IE4 dan dukungan yang lebih baru paletted PNG dengan transparansi : calendar.perfplanet.com/2010/png-that-works/#paletted
Kornel