The Ultimate Shopify Panduan Saiz Imej

Apabila bakal pelanggan mendarat pada anda Shopify laman web, mereka akan menggunakan imej untuk memutuskan sama ada mereka ingin membuat pembelian. Oleh itu, tugas anda sebagai peniaga adalah untuk memastikan imej tidak menjejaskan kelajuan pemuatan tapak (untuk menolak orang ramai) dan format dan saiz imej dengan betul.

Dengan cara ini, imej tidak kelihatan terbentang atau terputus. Dalam muktamad kami Shopify panduan saiz imej, kami menunjukkan kepada anda kepentingan saiz imej tertentu untuk Shopify fotografi dan menyediakan saiz yang ideal untuk perkara seperti logo, imej sepanduk dan imej produk anda.

Teruskan membaca untuk mengetahui segala-galanya Shopify saiz imej!

Mengapa Anda Perlu Peduli Shopify Saiz Imej?

Ia membosankan untuk mengurus dan memuat naik imej. Namun, mereka sering menjadi pesalah utama apabila ia berkaitan dengan kelajuan tapak yang perlahan, isu SEO dan penukaran yang rendah pada tapak e-dagang.

Dan bahagian rumit tentang semua pembina laman web dan platform e-dagang ialah anda perlu mengekalkan saiz imej yang sangat khusus untuk memastikan ia dioptimumkan dan kelihatan rapi.

Untuk merumuskannya, inilah sebabnya Shopify saiz imej penting:

1. Setiap imej taip Shopify memerlukan dimensi yang unik, seperti bagaimana saiz logo harus berbeza daripada imej sepanduk.
2. Pengguna lebih cenderung untuk menukar menjadi pelanggan yang membayar apabila mereka dapat melihat dengan jelas imej di sebelah kanan format.
3. Imej bersaiz dan dioptimumkan dengan betul boleh meningkatkan potensi SEO anda.
4. Fotografi bersaiz buruk boleh menyebabkan imej terbentang atau terpotong, yang membawa kepada tapak web yang hodoh.
5. Anda mungkin mendapati bahawa imej dengan saiz yang salah menyebabkan tapak anda menjadi perlahan atau menghalang pelanggan daripada mahu menunggu sama sekali.

Bersama-sama dengan perkara tersebut: imej yang jelas dan bersaiz baik menunjukkan tahap profesionalisme tertentu, memberikan reaksi emosi kepada pelanggan bahawa anda adalah perniagaan yang dipercayai dan produk anda adalah berkualiti tinggi. Foto buruk kelihatan seperti anda tidak mengambil berat tentang produk anda atau cara ia dipaparkan. Pelanggan anda mungkin bertanya, "di manakah lagi mereka mengambil jalan keluar?"

Dengan itu, lihat panduan rujukan pantas kami tentang yang terbaik Shopify saiz imej untuk kawasan seperti halaman produk, imej sepanduk dan logo.

The Best Shopify Saiz Imej (Berdasarkan Tempat Imej Digunakan)

Bukan semua ini adalah peraturan yang sukar, tetapi yang terbaik adalah berpegang pada "saiz ideal" sebanyak mungkin. Tema kadangkala mempunyai standard imej mereka sendiri, jadi perhatikan perkara itu. Lain-lainwise, kami akan menerangkan apabila anda mempunyai sedikit kelonggaran dari segi dimensi.

Adakah Terdapat Saiz Imej Pilihan untuk Digunakan Di Seluruh Shopify?

Tidak, tetapi jika anda bercadang untuk mengambil pendekatan itu, berikut ialah perkara yang kami cadangkan:

1. Pastikan semua imej cukup besar untuk menunjukkan butiran produk yang rumit.
2. Namun, pastikan imej cukup kecil supaya tidak menghalang prestasi tapak.
3. Peraturan praktikal yang baik adalah untuk menggunakan 2048 × 2048 piksel untuk square imej.
4. Elakkan apa-apa yang lebih kecil daripada 800 × 800 piksel untuk square imej.
5. Elakkan apa-apa yang lebih besar daripada 4472 × 4472 untuk square imej.

Untuk bukan-square imej, kami pasti mencadangkan menggunakan panduan di bawah. Perlu diingat juga bahawa sesetengah tema memangkas imej secara berbeza, jadi anda mungkin perlu meneka dan menyemak untuk melihat saiz imej yang paling sesuai untuk kedai dalam talian anda.

Untuk panduan terbaik, lihat pada ideal Shopify saiz imej di bawah, semua dikategorikan berdasarkan jenis imej:

1. Shopify Saiz Imej Produk (Saiz Ideal: 2048 × 2048 piksel)

Imej produk berfungsi sebagai bentuk utama media yang digunakan untuk membuat jualan. ShopifyTema 's melakukan kerja yang cukup baik untuk memangkas dan mengoptimumkan imej produk untuk anda, tetapi anda tidak boleh bergantung pada alatan automatik.

. dimensi yang disyorkan untuk imej produk dihidupkan Shopify ialah 2048 x 2048 piksel.

Ini adalah tempat yang menarik untuk memastikan imej anda tidak memperlahankan kelajuan halaman anda, di samping memastikan pelanggan melihat kekayaan secara terperinci daripada foto asal anda.

Kami mencadangkan a square imej untuk foto produk, untuk mengelakkan pemangkasan yang tidak diingini daripada Shopify tema.

Tangkapan skrin di bawah menunjukkan imej yang dimuat naik sebagai 2048 × 2048 piksel, dan ia tidak menghasilkan pemangkasan.

Imej yang lebih panjang dan lebih luas masih boleh berfungsi untuk foto produk, tetapi kurang kawalan ke atas perkara yang dilakukan oleh tema pada imej anda. Anda mungkin mendapati bahawa saiz foto landskap berkurangan berbanding dengan potret format.

2. Shopify Saiz Imej Koleksi (Saiz Ideal: 2048 × 2048 piksel)

Menambah koleksi tidak semestinya memerlukan imej, tetapi berbuat demikian membolehkan anda membuat halaman berasingan untuk koleksi itu, hampir seperti halaman pendaratan yang dibuat hanya untuk subset kecil produk.

Imej koleksi dimuat naik di bawah Buat Koleksi bahagian dalam Shopify.

Selepas itu, anda boleh menambah produk pada koleksi itu dan memaparkannya dalam blok kandungan pada halaman utama atau sebagai halaman sendiri.

Jika anda meninggalkan Image medan kosong pada halaman koleksi, ia akan mengambil salah satu imej produk yang ditampilkan daripada koleksi itu sebagai lalai.

Yang disyorkan Shopify saiz imej untuk koleksi ialah 2048 × 2048 piksel.

. square dimensi membantu mewujudkan standard format merentas semua koleksi, terutamanya apabila dipaparkan bersebelahan antara satu sama lain.

Anda juga akan menjumpainya square imej lebih mudah digunakan apabila anda menggunakan blok kandungan yang mempamerkan koleksi.

Seperti biasa, hasil anda mungkin berbeza-beza berdasarkan tema yang digunakan. Sesetengah tema, sebenarnya, menawarkan keupayaan lanjut dengan imej koleksi anda, membolehkan anda berkongsi imej seperti sepanduk pada halaman koleksi yang berasingan. Dalam kes ini, saiz optimum imej koleksi anda mungkin berbeza sepenuhnya daripada perkara yang telah kami bincangkan di sini. Secara keseluruhan, pelan tindakan terbaik anda ialah melalui ujian dengan tema anda. Muat naik beberapa imej dengan saiz unik ke koleksi anda. Tulis yang berfungsi, kemudian sentiasa gunakan dimensi tersebut. Cuma pastikan imej tidak terlalu besar atau terlalu kecil, dan anda akan baik-baik saja.

3. Shopify Saiz Imej Logo (Saiz Ideal: 450W × 250H piksel)

Logo ini menonjol sebagai tanda kedai e-dagang anda. Ia ditunjukkan tepat apabila seseorang mendarat di halaman utama anda dan di seluruh tapak web, memandangkan ia biasanya kelihatan dalam kawasan pengepala.

Shopify pengguna yang menghadapi masalah dengan saiz logo mungkin mendapati bahawa logo itu tidak cukup besar, atau ia menyebabkan menu navigasi berubah bentuk dalam beberapa cara. Atau, anda mungkin mendapati bahawa logo meninggalkan banyak ruang putih di bawah atau di atas.

Untuk menyelesaikan kebanyakan masalah tersebut, kami cadangkan menggunakan dimensi logo 250 piksel tinggi dengan 450 piksel lebar.

sebenarnya, Shopify mengesyorkan tidak pernah lebih tinggi daripada dimensi ini untuk lebar dan tinggi. Setelah berkata demikian, anda boleh menjadi lebih kecil, selagi tema anda membenarkannya.

Selalunya, bar sisi membuang sesuatu, atau mungkin menu navigasi anda mempunyai terlalu banyak elemen yang menolak logo ke arah yang pelik. Walau apa pun, sebaiknya anda bermain-main dengan dimensi logo dan tetapan tapak anda untuk mencapai rupa yang terbaik.

Sebagai alternatif, beberapa tema kelihatan hebat dengannya square logo, tetapi simpan di bawah tanda 250 x 250 piksel, supaya ia tidak mengambil terlalu banyak ruang.

Untuk fleksibiliti yang paling, pergi ke Tetapan > Jenama in Shopify untuk menambah Lalai and Square gambar. Dengan cara ini, anda boleh memuat naik sama ada bergantung pada keadaan.

4. Shopify Saiz Imej Sepanduk (Saiz Ideal: 2000 W × 600H piksel)

Selalunya dipanggil imej Hero atau sepanduk imej, ini ialah imej yang lebih besar yang mungkin anda letakkan di bahagian atas halaman utama untuk mempamerkan produk baharu dan menyertakan teks dengan butang. Adalah penting bahawa imej sepanduk mempunyai resolusi tinggi untuk mengelakkan butiran selepas saiz semula dan apabila dilihat pada peranti yang berbeza.

Shopify juga mempunyai Header bahagian kandungan, yang berfungsi sama dengan Imej sepanduk bahagian kandungan.

Tidak kira mana yang anda pilih, kami mengesyorkan agar anda menggunakan dimensi 1200 piksel lebar x 600 piksel tinggi untuk sepanduk dan imej wira.

Oleh itu, anda selalunya boleh melarikan diri dengan mana-mana sahaja dari 1200–2000 piksel untuk lebar anda dan 400–600 piksel untuk ketinggian. Dan seperti biasa, ia bergantung pada tema anda.

Akhirnya, ia juga wise untuk melaraskan tetapan bagi semua sepanduk imej dan imej wira. Anda boleh mengubah suai ketinggian sepanduk untuk kebanyakan tema dan memberitahu Shopify di mana anda mahu kandungan sepanduk diletakkan, seperti di sudut kanan bawah atau di bahagian atas—untuk mendapatkan pandangan yang lebih baik tentang imej di sebalik kandungan.

5. Shopify Saiz Imej Tayangan Slaid (Saiz Ideal: 2000W × 600H piksel)

Sama seperti sepanduk, anda mesti menggunakan imej resolusi tinggi dalam tayangan slaid. Bahagian kandungan ini membolehkan anda memaparkan berbilang gambar dalam satu kawasan halaman. Mereka kemudian meluncur ke imej seterusnya berturut-turut.

Oleh kerana ia sangat serupa dengan sepanduk, anda sebenarnya akan mengekalkan lebar dan ketinggian yang sama seperti yang anda lakukan untuk imej wira atau sepanduk. Pengesyoran ialah lebar 2000 piksel dan ketinggian 600 piksel. Walau bagaimanapun, ketinggian boleh berjulat dari 400–600 piksel, dan lebar boleh pergi dari 1200–2000 piksel.

Pastikan anda menguruskan semua tetapan tayangan slaid untuk mewujudkan yang terbaik formatting untuk tayangan slaid anda. Anda mungkin perlu mengalihkan kotak kandungan ke lokasi lain, atau mungkin tayangan slaid akan kelihatan lebih baik jika anda memanjangkan sedikit ketinggian.

Salah satu peraturan utama tayangan slaid ialah sentiasa memuat naik imej bersaiz yang sama untuk tayangan slaid yang sama. Anda dialu-alukan untuk melaraskan dimensi semasa membuat tayangan slaid berasingan, tetapi pastikan imej yang digabungkan bersama dalam satu tayangan slaid semuanya mempunyai dimensi yang sama, untuk kesinambungan dan pengalaman pengguna.

Cara Mengoptimumkan Shopify Imej

Pengoptimuman imej anda membantu anda memperbaik cara foto dimuatkan di kedai e-dagang anda. Ia juga membantu anda mencipta pengalaman yang lebih mesra pengguna di tapak web, memandangkan bagaimana imej harus melengkapkan pengalaman membeli-belah, bukannya mengatasinya.

Terdapat beberapa aspek yang perlu dipertimbangkan semasa mengoptimumkan imej anda Shopify. Kawasan ini termasuk imej optimum formats, pemampatan, sumber imej, penggayaan dan banyak lagi. Teruskan membaca untuk mengetahui semua tentang amalan terbaik dan langkah yang perlu diambil untuk mengoptimumkan imej Shopify.

Langkah 1: Pilih Imej Optimum Format

Shopify saiz imej adalah penting, tetapi langkah pertama dalam mana-mana pengoptimuman foto harus melibatkan pemilihan imej yang terbaik format.

Terdapat banyak imej formats itu Shopify membolehkan.

Inilah yang menjadikan mereka istimewa:

1. JPEG/JPG: Mungkin fail yang paling biasa format untuk imej, dan memang betul. JPEG dimampatkan dengan baik dan memberikan kualiti yang sangat baik. Kami mengesyorkannya untuk halaman produk, terutamanya apabila anda mempunyai butiran terperinci dalam foto.
2. PNG: Jenis fail ini sebenarnya lebih baik daripada JPEG dalam mengekalkan kualiti selepas mengurangkan saiz imej. Walau bagaimanapun, anda mungkin mendapati bahawa PNG tidak terlalu memampatkan. Ia terbaik apabila anda memerlukan latar belakang lutsinar (tidak disokong oleh JPEG), jadi kami menyukainya untuk logo dan beberapa imej sepanduk.
3. GIF: GIF ialah imej format untuk animasi. Ia pada asasnya seperti menukar video pendek kepada imej bergerak, yang berguna untuk menerangkan secara ringkas produk tanpa saiz video yang terlalu besar. Kami menyukainya di halaman utama, halaman produk dan catatan blog. Namun, jangan terlalu banyak menggunakan GIF kerana ia tidak mempunyai kualiti warna yang kaya yang terdapat dalam yang lain formats seperti JPEG, TIFF dan PNG.
4. WebP: Mungkin yang paling serba boleh daripada semua imej formats, WebP menjadi semakin biasa kerana ia menawarkan pemampatan dan kualiti yang lebih kuat daripada JPEG dan PNG, bersama-sama dengan faedah ketelusan PNG. Apatah lagi, anda boleh membuat animasi dengan WebP juga. Pertimbangkan untuk menggunakan WebP untuk semua jenis imej dalam Shopify. Kami menjangkakan untuk melihat WebP digunakan dengan lebih kerap di seluruh internet pada masa hadapan.

Lain daripada itu, Shopify menyokong formats seperti HEIC, JPEG progresif dan AVIF. HEIC ialah imej format standard yang digunakan merentasi peranti Apple. Ia sangat padat, boleh mengandungi berbilang gambar dalam satu imej, dan memberikan kualiti yang sangat baik. Walau bagaimanapun, ia tidak serasi dengan kebanyakan peranti bukan Apple, menjadikannya peranti yang sukar untuk disyorkan. Imej AVIF format mempunyai kelebihan yang agak kuat kerana kualiti tinggi dan kadar mampatan yang dramatik. Ringkasnya, prestasi anda dengan AVIF sebenarnya sepatutnya lebih kuat daripada imej JPEG dan WebP. Walau bagaimanapun, ia mengambil sedikit masa untuk desktop dan pelayar mudah alih untuk mengguna pakainya sebagai fail format standard. Jadi, kami tidak boleh mengesyorkannya sekarang. Tidak sehingga hampir semua orang yang mempunyai sambungan internet boleh melihat imej dalam talian.

Berdasarkan perkara yang anda bercadang untuk menggunakan imej itu, pilih yang sesuai format dari atas. Kemudian, beralih ke langkah seterusnya supaya gaya imej anda kekal sama di seluruh tapak web anda.

Langkah 2: Rakam untuk Gaya Yang Sama Merentas Semua Foto

Kesinambungan adalah kunci untuk gambar dalam e-dagang. Ia menetapkan rupa keseluruhan jenama anda dan mewujudkan rasa standard di seluruh tapak web anda.

Sebagai contoh, adalah perkara biasa bagi jenama untuk menggunakan satu warna latar belakang untuk semua imej produk.

Ini berlaku untuk dimensi dan gaya imej juga. Jika kebanyakan imej produk anda dalam orientasi landskap, elakkan daripada mencampurkan beberapa foto dengan orientasi landskap. Anda amat dialu-alukan untuk memasukkan kedua-dua gaya hidup dan foto produk ke dalam campuran, tetapi sebaiknya kekalkan satu gaya untuk kebanyakan penggambaran anda.

Langkah 3: Buat Gabungan Kedua-dua Produk dan Fotografi Gaya Hidup

Seperti yang dinyatakan, kemungkinan besar anda ingin menggunakan satu jenis gaya fotografi untuk kebanyakan foto produk anda. Walau bagaimanapun, adalah penting untuk menyertakan beberapa foto gaya hidup untuk melengkapkan foto produk standard dengan latar belakang berwarna tunggal dan paparan produk yang berbeza.

Perniagaan e-dagang mempunyai kelemahan di mana pelanggan tidak boleh mencuba atau menyentuh produk di sana. Di situlah gambar gaya hidup dimainkan. Pengguna boleh melihat rupa produk dalam tindakan. Bagaimana baju menutupi badan, atau sebesar papan selaju dengan seseorang benar-benar berdiri di atasnya.

Langkah 4: Pilih Nama Fail dan Tajuk yang Sesuai

Setiap fail imej mempunyai nama, dan Shopify mengambil nama fail itu dan menerbitkannya dalam metadata tapak web anda (setiap platform e-dagang melakukan ini).

Jadi, jika anda menyimpan foto sebagai foto-baru(1).jpg pada komputer anda, dan muat naiknya ke kedai anda, enjin carian tidak akan masukformation tentang kandungan foto. Ini boleh menjejaskan SEO anda.

Apabila mengoptimumkan imej, ikuti langkah ini untuk memastikan enjin carian (dan mereka yang mengalami kecacatan penglihatan) boleh memahami perkara yang berlaku dalam imej:

1. Tambahkan nama fail yang mengingatkan apa yang ada di dalam imej.
2. Jika anda kebetulan memuat naik nama fail generik, tukar imej Title in Shopify. Ini menggantikan lalai.
3. Gunakan tag alt untuk gambaran yang lebih kukuh tentang perkara yang ditunjukkan dalam imej. Ini adalah elemen utama yang dilihat oleh enjin carian, kerana ia menunjukkan pengalaman pengguna anda dipertingkatkan untuk mereka yang cacat penglihatan.

Langkah 5: Mampatkan Imej Sebelum atau Semasa Muat Naik

Shopify menawarkan pemampatan automatik untuk semua imej yang dimuat naik ke pelayannya, tetapi anda tidak seharusnya bergantung padanya sepenuhnya.

Pertaruhan terbaik anda ialah sama ada menggunakan alat pihak ketiga untuk memampatkan imej sebelum memuat naik ke Shopify, atau pasang a Shopify plugin yang memampatkan foto secara automatik apabila dimuat naik.

Lebih mudah untuk pergi ke laluan apl, tetapi kebanyakannya memerlukan langganan, jadi kami faham jika anda perlu mengekalkan belanjawan.

Beberapa apl yang berfungsi dengan baik untuk pemampatan imej termasuk:

• Menghancurkan
• Pengoptimum Imej SEO dan Kelajuan
• Avada SEO
• Meningkatkan SEO dan Pengoptimum Imej

Uji apl ini dengan percubaan percuma mereka untuk memahami sejauh mana ia memampatkan imej dan cara proses automatik untuk anda. Selepas itu, anda boleh komited untuk melanggan. Untuk alatan pihak ketiga, kami mengesyorkan TinyPNG and Resizer Imej.

Langkah 6: Pertimbangkan Apl Pencari Imej Percuma

Walaupun sangat disyorkan bahawa jenama e-dagang mengambil gambar mereka sendiri (bukannya mencari alternatif percuma atau mengambilnya dari tapak web pengeluar), terdapat beberapa kawasan kedai dalam talian yang sesuai untuk digunakan dengan imej percuma.

Sebagai contoh, anda mungkin memerlukan gambar pemandangan seseorang yang melihat ke atas ngarai untuk melengkapkan catatan blog. Sebaliknya, anda mungkin mahu menggunakan foto sebagai latar belakang kepada imej wira, membolehkan anda menjatuhkan imej dan penerangan produk sebenar di atas latar belakang.

Untuk situasi tersebut, kami cadangkan menggunakan beberapa tapak imej berlesen Creative Commons ini:

• Unsplash
• Pecah (Daripada Shopify)
• Pexels
• openverse

Adalah penting untuk menunjukkan bahawa lesen Creative Commons tidak bermakna anda boleh mengambil imej secara percuma dan meletakkannya di tapak web anda. Kadangkala begitu, tetapi anda mesti menyemak setiap imej untuk memastikan hak yang anda ada untuk penggunaannya.

Sebagai contoh, pelesenan Creative Commons memberitahu anda:

• Jika anda boleh menggunakan imej untuk tujuan komersial atau bukan komersial
• Apabila anda mesti mengkreditkan pencipta, atau jika ia hanya disyorkan anda berbuat demikian
• Jika anda dibenarkan mengubah suai imej dalam apa jua cara

Selain itu, terdapat banyak apl pengeditan imej percuma untuk mengawal saiz semula, penapis dan pemangkasan tanpa membayar sepeser pun:

Kami mencadangkan:

• Canva
• Shopify Alat Pengubah Imej
• befunky

Langkah 7: Jalankan Ujian A/B untuk Mengetahui Imej Terbaik dan Formats

Selepas memberikan foto anda nama fail yang berkaitan, mengubah saiznya, memotongnya dan memutuskan yang sempurna format dan saiz, sudah tiba masanya untuk melihat penampilannya di kedai anda.

Nasib baik, anda tidak boleh menyilangkan jari anda dan berharap imej tersebut adalah yang terbaik untuk penukaran. Anda mempunyai keupayaan untuk memuat naik berbilang variasi imej yang sama pada halaman produk, halaman pendaratan dan halaman utama, kemudian lihat yang mana antaranya berprestasi terbaik dari segi penukaran.

Kedua-dua Saintis Tema and Shogun menawarkan ciri ujian A/B untuk beberapa bahagian anda Shopify reka bentuk.

Apa yang menarik tentang ujian A/B ialah percubaan tidak pernah berakhir. Ia membolehkan anda mengawasi setiap aspek tapak web anda. Anda boleh menukar imej yang kehilangan momentum dari semasa ke semasa, dan menjalankan berbilang ujian sepanjang satu tempoh masa.

Shopify Panduan Saiz Imej: Kesimpulan Kami

melekat dengan square imej ialah satu cara untuk memastikan fotografi e-dagang anda kekal tidak dipangkas. Walau bagaimanapun, anda mungkin mendapati bahawa peraturan ini tidak selalunya benar apabila ia berkaitan dengan anda Shopify tema.

Oleh itu, kami mengesyorkan anda memuat naik berbilang saiz imej untuk produk, koleksi dan sepanduk untuk memahami perkara yang boleh dikendalikan oleh tema anda. Lain-lainwise, kami menyukai standard 2046 × 2046 piksel. Tetapi untuk sepanduk dan logo serta tayangan slaid, anda perlu menggunakan dimensi yang lebih khusus yang dinyatakan di atas dalam artikel ini.

Sila beritahu kami dalam ulasan di bawah jika anda memerlukan sebarang penjelasan tentang Shopify saiz imej!