Cara Mengoptimalkan Gambar Anda untuk Web Seluler

Saat memilih jenis dan dimensi file untuk gambar Anda, ingatlah kualitas, waktu muat halaman, kemampuan zoom, dan persyaratan pasar, terutama jika Anda menjual di berbagai platform. Mari kita lihat pengoptimalan gambar untuk web dan cara memilih jenis file Anda sambil tetap mempertimbangkan seluler untuk pengalaman pengguna yang lebih baik.

Memilih Dimensi Gambar yang Tepat

Sangat penting untuk mencapai keseimbangan antara gambar yang cukup besar sehingga pengguna dapat memperbesar dan yang berukuran optimal sehingga tidak memakan terlalu banyak ruang dan memperlambat waktu pemuatan halaman Anda. Di Shopify, Anda dapat mengunggah gambar hingga 4472 x 4472 piksel dengan ukuran file hingga 20 MB. Tetapi pembuat situs web biasanya merekomendasikan penggunaan 2048 x 2048 piksel untuk foto produk persegi. Ini adalah gambar beresolusi tinggi yang memberikan toko Anda tampilan yang profesional dan menyeluruh dengan kemampuan zoom yang hebat. Ingatlah bahwa agar fungsi zoom dapat berfungsi, gambar Anda harus berukuran lebih dari 800 x 800 piksel.

Demikian pula, Amazon dan Etsy, memiliki persyaratan gambar 1000 x 1000 piksel untuk mengaktifkan pembesaran.

Untuk mempertahankan tampilan seragam di sepanjang lini produk dan halaman koleksi Anda, Anda harus menjaga rasio aspek lebar dan tinggi dari semua gambar fitur Anda tetap sama, misalnya persegi. Gambar fitur Anda adalah gambar pertama produk yang akan muncul di seluruh toko Anda – di halaman beranda, halaman keranjang, halaman checkout, dan berbagai halaman koleksi. Simpan juga semua gambar mini Anda, dengan ukuran dan bentuk yang sama untuk menyampaikan tampilan toko yang halus. Perlu diingat, banyak pelanggan Anda akan menjelajah di seluler juga dan gambar persegi lebih mudah untuk direposisi untuk layar yang lebih kecil.

Memilih Format Gambar yang Tepat

Mari kita lihat format file yang paling banyak digunakan dalam fotografi produk dan apa yang mereka bawa ke meja. Mereka terdaftar di sini dengan seberapa umum mereka digunakan dalam fotografi produk.

JPG

JPG adalah format file gambar digital yang paling umum di luar sana. Ini didukung secara luas dan menawarkan ukuran file kecil dengan rentang warna yang bagus. Kompresinya memungkinkan Anda untuk mencapai keseimbangan antara ukuran file dan kualitas gambar. Shopify merekomendasikan JPG, khususnya, karena dapat memberikan gambar dengan ukuran yang relatif kecil dan kualitas yang baik, yang berfungsi dengan baik untuk foto produk.

PNG

PNG dibuat untuk meningkatkan format GIF dengan menghapus batasan 256 warna. Ini diterima secara luas, lossless (mengurangi ukuran file tanpa mengurangi kualitas) dan mendukung transparansi (misalnya untuk latar belakang transparan). Kelemahannya adalah ukuran file PNG bisa besar karena kompresi lossless dan formatnya tidak kompatibel secara universal seperti JPG.

GIF

GIF menawarkan ukuran file kecil dengan mengompresi dan mengurangi gambar menjadi 256 warna. Meskipun telah banyak digantikan oleh PNG, ini masih digunakan untuk animasi karena ini adalah satu-satunya format yang mendukungnya dan dikenal secara universal oleh browser.

BERTENGKAR

TIFF adalah format kompresi lossless yang didukung secara luas oleh berbagai aplikasi pengeditan dan web. Ini menawarkan resolusi kualitas tinggi, dan beberapa gambar dan halaman dapat dengan mudah disimpan dalam satu file. Namun, ukuran filenya cenderung besar.

BMP

BMP umumnya digunakan di ekosistem Windows. Ini mendukung kompresi data, saluran alfa (digunakan di Photoshop untuk menyimpan informasi tambahan yang dapat Anda gunakan untuk memanipulasi bagian gambar, seperti menambahkan latar belakang transparan), dan kompatibilitas yang hampir universal. Tidak terkompresi, ia menawarkan gambar yang sempurna tetapi ukuran file juga bisa sangat besar.

Secara keseluruhan, JPG tentu saja yang paling nyaman dalam hal menggabungkan ukuran yang lebih kecil dengan kualitas yang layak. Meskipun PNG menawarkan kompresi lossless kualitas lebih tinggi, ia melakukannya dengan biaya besar dari ukuran file yang lebih besar. GIF berguna jika Anda menawarkan bidikan 360 derajat dan menginginkan file yang ringan. BMP dan TIFF, sebagai perbandingan, dapat menawarkan kualitas yang hebat, tetapi ukuran hidup biasanya agak berat dan tidak praktis.

Mengukur Ukuran Gambar untuk Seluler

Shopify secara otomatis mengubah ukuran gambar Anda agar sesuai dengan layar yang lebih kecil, tetapi gambar tertentu terkadang memerlukan pengeditan manual. Perlu diingat bahwa layar desktop dan seluler tidak hanya berbeda ukuran tetapi memiliki orientasi yang berlawanan. Dan sementara Shopify mencoba mengakomodasi itu dengan pemangkasan yang lembut, akan lebih baik jika gambar Anda berbentuk persegi dan produk Anda berada di tengah secara vertikal dan horizontal.

Selain itu, gambar dengan resolusi yang terlalu besar, katakanlah maksimum Shopify 4000 x 4000 piksel, dapat menjadi buram saat diubah ukurannya untuk seluler. Jadi, memperkecil gambar Anda ke ukuran dan bentuk yang lebih mudah diatur dengan tetap mempertimbangkan seluler dapat membantu toko Anda terlihat lebih baik di semua perangkat. Ingatlah bahwa file besar juga memperlambat waktu pemuatan situs Anda. Dan di e-niaga, dan terutama di seluler, setiap detik penting, jadi mengoptimalkan gambar Anda harus menjadi prioritas.

Jadi, meskipun kompresi lossless dapat memberi Anda gambar dengan kualitas terbaik, sering kali ini membuat file besar yang perlu waktu lama untuk diunggah (terutama dalam jumlah besar), dan dapat memperlambat waktu pemuatan halaman Anda, menyebabkan pengunjung meninggalkan toko Anda. Hal ini terutama berlaku di perangkat seluler di mana kecepatan internet bisa lebih lambat dan menunggu gambar muncul akhirnya membuat pembeli frustrasi.

Meskipun desain dan algoritme responsif Shopify bagus dalam mengubah ukuran dan menampilkan gambar Anda di seluruh perangkat, memberi mereka bantuan dengan ukuran file yang bijaksana dapat berarti pengalaman berbelanja yang lebih lancar.

Tentang Penulis

Holly Cardew adalah Pendiri Pixc, sebuah platform untuk membantu toko eCommerce mengedit dan mengoptimalkan foto produk mereka sehingga dapat meningkatkan penjualan. Pixc mengubah gambar produk rata-rata menjadi gambar yang indah dengan mengedit dan menghapus latar belakang dalam waktu 24 jam. Dimulai saat remaja, berjualan di eBay dan membuat pasar online sendiri, Holly memiliki latar belakang di bidang eCommerce, pemasaran online, desain grafis, dan membangun tim terdistribusi. Dia juga berpengalaman dalam membangun dan menjalankan toko Shopify, dan menumbuhkan pengikut media sosial yang besar. Pada tahun 2016, Holly termasuk dalam daftar 30 di bawah 30 Ritel dan eCommerce Forbes. Holly membagi waktunya antara San Francisco, Brisbane dan Sydney. Ketika Holly tidak bekerja, dia suka bepergian, menjelajahi tempat-tempat baru, desain yang indah, tipografi, dan menemukan ide bisnis baru.