Buat thumbnail yang tetap berguna pada ukuran tampilan kecil

Gambar kartu membantu seseorang mengenali suatu produk, artikel, atau item galeri dengan cepat. Tidak harus menampilkan setiap detail dalam foto yang lebih besar. Pilih komposisi yang tetap dapat dimengerti ketika berukuran kecil: bidikan ruangan penuh mungkin kurang berguna dibandingkan tampilan yang lebih dekat, sedangkan gambar mini produk harus tetap menampilkan item yang benar daripada detail yang menarik namun ambigu.

Periksa bentuk kartu sebelum mengekspor. Fit inside mempertahankan sumber lengkapnya, namun situs web Anda mungkin akan memangkasnya nanti dengan gayanya sendiri. Pangkasan yang tepat memberi Anda komposisi yang disengaja untuk slot itu. Gunakan sumber yang lebih besar untuk galeri yang diperluas atau zoom produk. Jangan mengganti satu-satunya gambar detail dengan thumbnail dan mengharapkan pembesaran untuk menciptakan kembali detailnya saat pengunjung membukanya.

Prasetel awal cocok dalam 800 dengan piksel 800, memilih WebP dan menerapkan Penajaman cahaya. Ini adalah contoh yang terikat pada calon kartu, bukan persyaratan thumbnail universal. Ukur lebar tampilan aktual dan kebutuhan kepadatan responsif, lalu pilih ekspor yang sesuai. Sumber yang lebar akan menjaga rasionya di dalam kotak dan bukannya menjadi persegi secara otomatis.

Periksa gambar seukuran kartu asli. Wajah, label, atau ciri khas produk harus tetap dapat dikenali. Kata-kata kecil yang tersemat mungkin lebih baik diberikan sebagai teks kartu asli. Bandingkan Mati dengan Penajaman ringan, karena kontras tepi yang kuat dapat membuat gambar kecil menjadi sibuk. Uji JPEG pada dimensi yang sama jika WebP tidak berguna dalam alur kerja Anda. Gunakan PNG untuk aset yang memerlukan transparansi; ekspor WebP saat ini di sini buram.

Tempatkan file di grid sebenarnya dan periksa ponsel, tata letak lebar tablet, dan layar besar. Konfirmasikan bahwa browser benar-benar memuat kandidat thumbnail, bukan gambar ukuran penuh. Menyediakan sumber responsif yang sesuai dan dimensi cadangan dalam penerapan situs. Ekspor lokal kecil tidak berpengaruh jika halaman masih meminta file berukuran besar yang berbeda untuk setiap kartu.

Periksa seluruh interaksi penelusuran. Gambar mini yang digunakan sebagai tautan memerlukan nama bermakna yang dapat diakses melalui gambar atau teks di sekitarnya. Jaga agar pemangkasan cukup konsisten untuk pemindaian tanpa menyembunyikan konten yang relevan. Untuk galeri, uji apakah membuka item menunjukkan sumber yang lebih besar dan sesuai. Kelompokkan hanya gambar yang memiliki peran yang sama dan periksa outlier seperti produk tinggi atau interior lebar satu per satu. Konverter membuat file secara lokal dan tidak mengubah situs web Anda atau menerbitkan galeri. Pertahankan set aslinya sehingga aturan thumbnail dapat berubah nanti.

Pilihlah foto produk yang tinggi dan ruangan yang luas sebagai tes thumbnail awal. Tempatkan mereka di samping gambar biasa yang ramah persegi di grid sebenarnya. Periksa apakah gaya umum menyembunyikan ujung produk atau membuat ruangan tidak dapat dikenali. Pemotongan yang disengaja atau kandidat terpisah mungkin diperlukan untuk outlier, meskipun sebagian besar gambar berfungsi dengan aturan yang sama. Lihat label dan wajah pada ukuran kartu normal, dan pastikan tautannya masih masuk akal ketika gambar tidak tersedia. Tes ini membantu Anda menilai thumbnail sebagai bagian dari penelusuran, bukan sebagai file kecil yang dilihat sendiri.