Shopify lebih memaafkan tentang dimensi imej berbanding pasaran seperti Amazon — ia akan dengan senang hati memaparkan hampir apa sahaja. Fleksibiliti itu ialah perangkap. Muat naik fail yang gergasi dan tak konsisten dan tema anda menterjemah grid yang perlahan dan tak sepadan di mana sesetengah produk nampak tajam dan yang lain nampak terpangkas atau kecil. Menetapkan saiz anda betul di awal membuatkan keseluruhan kedai terasa profesional dan dimuatkan pantas.
Saiz dan gelagat tema berkembang, jadi anggap ini sebagai saranan biasa yang digunakan secara meluas dan sahkan terhadap dokumentasi tema semasa anda.
Saiz disyorkan
| Jenis imej | Saranan biasa | Nisbah aspek |
|---|---|---|
| Foto produk | 2048 × 2048 px | 1:1 (segi empat) |
| Segi empat paling selamat keseluruhan | maks sehingga 4472 × 4472 px | 1:1 |
| Koleksi / lakaran kecil | ~1024 × 1024 px | 1:1 |
| Tayangan slaid / sepanduk hero | ~1600 px lebar (atau lebih lebar) | 16:9 atau ditetapkan tema |
| Saiz fail maks | 20 MB satu imej (sasarkan jauh lebih rendah) | — |
Dua perkara penting lebih daripada mana-mana nombor tunggal.
Pilih satu nisbah aspek dan pegang padanya. Tema Shopify nampak terbaik bila setiap foto produk berkongsi bentuk sama. Segi empat (1:1) ialah pilihan paling boleh dipercayai kerana ia muat hampir setiap grid tema tanpa pemangkasan yang janggal. Kalau anda campurkan segi empat, potret, dan pemandangan, grid anda akan nampak berselerak.
2048 × 2048 ialah titik manis untuk produk. Ia cukup tajam untuk zum terbina dalam Shopify di desktop, menskala turun dengan bersih untuk lakaran kecil dan mudah alih, dan kekal jauh di bawah siling saiz fail. Lebih besar daripada itu kebanyakannya cuma menambah berat.
Piawaikan seluruh katalog sekali gus
Mengubah saiz berpuluh foto produk dengan tangan ialah tempat satu petang lenyap. Jangan. Pengubah Saiz Imej E-dagang ada pratetapan Shopify yang mengeluarkan segi empat 2048 × 2048 atas latar putih, dengan setiap produk dipusatkan automatik dan jidar yang boleh anda laraskan supaya tiada yang menyentuh tepi. Jatuhkan folder, dapat ZIP kembali — setiap imej saiz sama, bentuk sama, pembingkaian sama.
Konsistensi itu yang membuatkan grid Shopify nampak direka bukannya dipasang.
Kemudian potong berat fail
Dimensi betul menyelesaikan susun atur. Berat fail menyelesaikan kelajuan — dan kelajuan ialah wang di Shopify, di mana halaman perlahan diam-diam merugikan penukaran dan menjejaskan kedudukan carian anda.
Foto 2048 px terus dari kamera boleh beberapa megabait. Itu jauh lebih daripada yang halaman perlukan. Jalankan setiap imej melalui Pemampat Imej: untuk foto, kualiti 75–85 lazimnya memotong fail 40–70% tanpa perbezaan yang nyata; PNG dikuantum turun secara automatik. Pemampat tak pernah menyerahkan kembali fail lebih besar daripada yang anda beri, jadi anda boleh mengelompokkan seluruh kedai dengan selamat.
Susunan yang berfungsi baik:
- Ubah saiz ke 2048 × 2048 dengan pratetapan Shopify.
- Mampatkan pada kualiti 75–85 (atau biarkan kuantisasi PNG berjalan).
- Muat naik — bentuk sama, fail kecil, grid pantas.
WebP, JPG, atau PNG?
Shopify secara automatik menyajikan WebP kepada pelayar yang menyokongnya, jadi anda umumnya tak perlu menukar format sendiri. Muat naik JPG bersih untuk foto dan PNG hanya untuk grafik yang perlukan ketelusan atau teks tajam. Biarkan platform mengendalikan penyampaian format; tugas anda ialah menghantar fail sumber bersaiz betul dan dimampatkan baik.
Semuanya kekal di mesin anda
Kedua-dua alat berjalan sepenuhnya dalam pelayar anda menggunakan Canvas dan WebAssembly — tiada muat naik, tiada akaun, tiada tera air. Foto produk anda tak pernah menyentuh pelayan. Selepas lawatan pertama alat dicache dan terus berfungsi luar talian, jadi anda boleh menyediakan katalog penuh di dalam kereta api dan muat naik sebaik anda kembali dalam talian.
Segi-empatkannya, saizkannya ke 2048, mampatkannya, dan kedai Shopify anda dimuatkan pantas dan nampak seperti satu kedai yang padu bukannya timbunan muat naik rawak.