Produktų nuotraukoms Shopify parduotuvėje rekomenduojamas dydis yra 2048 × 2048 pikselių. Maksimalus leidžiamas dydis - 5000 × 5000 pikselių arba 25 megapikseliai, o failas turi būti mažesnis nei 20 MB.
Bet vienas skaičius viso atsakymo neduoda: svarbu ir proporcija, ir failo svoris, ir kur konkrečiai nuotrauka bus rodoma. Žemiau - visa tai iš eilės.
Koks nuotraukų dydis tinka kuriai vietai?
| Kur | Rekomenduojamas dydis |
|---|---|
| Produkto nuotraukos | 2048 × 2048 px |
| Pagrindinio puslapio ir bendri vizualai | nuo 1024 × 1024 px |
| Maksimali riba bet kuriai nuotraukai | 5000 × 5000 px arba 25 MP |
| Maksimalus failo svoris | iki 20 MB |
2048 × 2048 pikselių pakanka, kad vaizdas liktų ryškus ir priartinus. Didesnės nuotraukos naudos nebeduoda, tik lėtina įkėlimą ir apsunkina darbą su failais.
Kokių proporcijų laikytis?
Svarbiausia visoms prekių nuotraukoms išlaikyti tą pačią proporciją - 1:1 kvadratinėms arba 4:5 portretinėms. Jei proporcijos skiriasi, kolekcijų puslapyje prekių kortelės atrodys nelygios, nes tema jas apkarpys arba paliks tuščių tarpų.
Proporcija svarbesnė už tikslų pikselių skaičių. Parduotuvė su vienodomis 1600 × 1600 nuotraukomis atrodys tvarkingiau nei parduotuvė, kur dalis nuotraukų yra 2048 × 2048, o dalis - 2048 × 1365.
Konkreti tema gali turėti savo gaires dėl proporcijų, todėl prieš ruošiant visą asortimentą verta pasitikrinti temos dokumentaciją.
Kokie yra Shopify nuotraukų apribojimai?
Nuotrauka gali būti iki 5000 × 5000 pikselių arba 25 megapikselių ir turi sverti mažiau nei 20 MB. Shopify priima PNG, JPEG, WebP, HEIC, GIF, SVG, PSD, TIFF ir BMP formatus, įskaitant animuotus GIF ir WebP.
Praktiškai iš viso to sąrašo prasminga naudoti tris: JPEG įprastoms produktų nuotraukoms, PNG - kai reikia permatomo fono, WebP - kai norite mažesnio failo be kokybės praradimo.
Kaip Shopify optimizuoja įkeltas nuotraukas?
Shopify suspaudžia nuotraukas, automatiškai parenka jų dydį pagal lankytojo ekraną ir pateikia jas per savo CDN šiuolaikiniais formatais, pavyzdžiui WebP, kai naršyklė juos palaiko. Jums patiems konvertuoti nereikia.
Konkrečiai vyksta štai kas:
- Suspaudimas. Failo dydis sumažinamas neprarandant matomos kokybės.
- Dydžio parinkimas. Telefone rodoma mažesnė versija nei dideliame ekrane, todėl puslapis užsikrauna greičiau.
- Formatas. Naršyklei, kuri palaiko WebP, pateikiama WebP versija, net jei įkėlėte JPEG.
- CDN. Visos nuotraukos talpinamos Shopify CDN tinkle, todėl užsikrauna panašiu greičiu bet kurioje pasaulio vietoje.
Vis dėlto tai neatleidžia nuo atsakomybės. Jei viename puslapyje sudėsite trisdešimt nuotraukų arba kelsite 18 MB failus, puslapis vis tiek bus lėtas.
Ką padaryti prieš keliant nuotraukas
- Suvienodinkite proporcijas visam asortimentui - tai svarbiausias žingsnis.
- Sumažinkite iki 2048 × 2048 arba artimo dydžio. Kelti 6000 px originalus nėra prasmės.
- Patikrinkite svorį. Gera produkto nuotrauka dažniausiai telpa į 200-500 KB.
- Pavadinkite failus prasmingai - juoda-odine-rankine.jpg, ne IMG_4821.jpg. Tai padeda paieškai.
- Užpildykite alt tekstus. Jie svarbūs ir prieinamumui, ir vaizdų paieškai.
Dažniausi klausimai
Koks maksimalus nuotraukos dydis Shopify parduotuvėje?
5000 × 5000 pikselių arba 25 megapikseliai, o failas turi būti mažesnis nei 20 MB. Didesnės nuotraukos nebus įkeltos.
Ar reikia patiems konvertuoti nuotraukas į WebP?
Nereikia. Shopify pats pateikia WebP versiją naršyklėms, kurios šį formatą palaiko, net jei įkėlėte JPEG. Kelti WebP galima, bet privalumo tai neduoda.
Kas svarbiau - nuotraukos dydis ar proporcija?
Proporcija. Vienodos proporcijos nuotraukos kolekcijų puslapyje atrodo tvarkingai net ir būdamos mažesnės, o skirtingų proporcijų nuotraukos temos bus apkarpytos.
Ar didelės nuotraukos lėtina Shopify parduotuvę?
Taip, nors Shopify jas ir optimizuoja. Didžiausią įtaką daro nuotraukų kiekis viename puslapyje ir pradinis failo svoris, todėl verta jas paruošti prieš įkeliant.
Jei norite, kad kas nors peržiūrėtų parduotuvės greitį ir vizualų paruošimą iš šalies, tam turime parduotuvės auditą. Klausimai - per kontaktus.
