51视频

K?ik, mida vajate Internetis müümiseks

Looge veebipood m?ne minutiga, et müüa veebisaidil, sotsiaalmeedias v?i turgudel.

Tootepiltide optimeerimine: juhised ja ressursid

14 min lugeda

Tootepildid aitavad s?lmida tehingu, kui kliendid teie veebisaiti külastavad. Nende huvide s?ilitamiseks peavad teil olema atraktiivsed fotod, mis laaditakse kiiresti. Teisis?nu peate oma tootepilte optimeerima.

V?ib-olla m?tlete, kuidas leida optimaalne pildi suurus, kuidas pilte tihendada ja kuidas pilte optimeerida ilma kvaliteeti kaotamata.

Oleme teid kaitsnud. Selles artiklis k?sitleme nipet-n?pet piltide optimeerimise kohta ja vaadake saadaolevaid t??riistu, et t?? kiiresti ja lihtsalt ?ra teha.

Kuidas Internetis müüa
N?pun?ited e-kaubandus eksperdid v?ikeettev?tete omanikele ja ambitsioonikatele ettev?tjatele.
Palun sisesta kehtiv e-posti aadress

Miks on teil vaja pilte optimeerida?

Pildid on iga veebisaidi oluline osa. See kehtib eriti poodide saidi kohta. Pildid m?jutavad kliente, kui nad kaaluvad millegi ostmist. Need t?iendavad veebilehe üldist kujundust, aitavad klientidel toodet valida ja parandavad teie saidi SEO-d.

N?iteks soovite v?ltida suurte failide üleslaadimist. Need v?ivad teie lehte aeglustada, mis m?jutab teie otsingumootori asetust ja peletab potentsiaalsed kliendid minema. Keegi ei taha veebis ostes lehe laadimist oodata. Seet?ttu peate oma tootepilte optimeerima.

Pildi m??tmete ja proportsioonide m?istmine

Uurime v?lja, millele peate oma piltide optimeerimisel t?helepanu p??rama.

Pildi suurus ja m??tmed on v?ga olulised. Need parameetrid m?jutavad faili suurust ja pildi v?limust erinevates seadmetes.

SUURUS

Nüüd on ajastu k?rgresolutsiooniga ja kiire Internet, kuid see ei t?henda, et me ei peaks muretsema piltide optimeerimise p?rast. Kaasaegsed kaamerad ja isegi nutitelefonid v?ivad vastu v?tta k?rgresolutsiooniga pilte. V?ib-olla olete isegi oma poe jaoks selliseid pilte valmistanud.

Kui pildid on aga liiga suured, ei sobi need Interneti kasutamiseks. Need aeglustavad laadimiskiirust, eriti telefonis. Kui te ei soovi, et teie külastajad muutuksid kannatamatuks ja lahkuksid teie poest, peaksite oma piltide suurust v?hendama.

Pildil on kaks suurust.

  • Pildi suurus on ruum, mille graafika ekraanil h?ivab. Seda suurust m??detakse pikslites (pikslites), mis on ekraani moodustavad üksikud punktid. Saate 51视频i poes üles laadida mis tahes suuruses pilte. Seej?rel optimeeritakse need nii, et need sobiksid brauseriakna laiusega. Sellegipoolest on k?ige parem v?hendada tootepilte umbes 1000 x 1000 pikslini. See suurus on piisavalt suur toote kuvamiseks ja piisavalt v?ike, et seda kiiresti laadida.
  • Faili suurus on m?luruum, mille pilt v?tab. Seda suurust m??detakse tüüpiliselt baitides kilo- (Kb), mega- (Mb) ja gigabaiti (Gb). Mida suurem on pildi failimaht, seda rohkem salvestusruumi see n?uab.

Selle toote pildi suurus on 1920 × 1920 ja selle faili suurus on 272 kB

Suuremate failide laadimine v?tab kauem aega. Selle probleemiga v?itlemiseks t??tati v?lja failide tihendamise tarkvara. Pilt tihendatakse tavaliselt v?rviandmete optimeerimise teel.

Tugev pakkimine aga halvendab piltide "kvaliteeti". See p?hjustab müra v?i j?rsu v?rvi ülemineku.

Umbes 1000 piksli suuruse faili korral v?tab hea tihendus umbes 200 kB.

Nüüd vaatame lisateavet piltide jaoks ?igete proportsioonide valimise kohta.

Proportsioonid

Pildi proportsioonid n?itavad laius-k?rgus suhe.

M?ned suhted on silmale meeldivamad kui teised. Standardsed proportsioonid n?evad alati kenad v?lja. Need on 1:1, 4:3, 3:2 ja 16:9.

Proportsioonid on olulised, kuna need aitavad m??ratleda teie saidi v?limust. Püüdke k?igi oma tootepiltide jaoks samade proportsioonide poole, et anda oma poele struktureeritud ja professionaalne v?limus.

Kuidas valida pildivormingut

Veel üks asi, mida optimaalse pildistamise jaoks meeles pidada, on pildivorming. See on faili tüüp, millesse pilt salvestatakse.

Pildivorminguid on mitut tüüpi. Igal neist on kvaliteedi, tihendamise ja toe osas oma eelised ja puudused. Peaksite valima vormingu, mis tagab k?rgeima kvaliteedi ja v?ikseima suuruse.

Kolm k?ige levinumat veebivormingut on JPEG, PNG ja GIF. Igaüht neist tuleks kasutada konkreetsel viisil.

Jaotame vormingud:

  • GIF (Graphics Interchange Format) on v?imeline salvestama tihendatud andmeid ilma kvaliteeti kaotamata, kasutades kuni 256 v?rvi. Vorming toetab tavaliselt animatsioone. Pikka aega olid GIF-id Internetis k?ige levinumad vormingud… kuni PNG ilmumiseni.
  • PNG (Portable Network Graphics) kasutab kadudeta tihendamist ja salvestab piiramatul arvul v?rve.
  • JPEG (Joint Photographic Experts Group, arendaja nimi) on k?ige tüüpilisem fotode ja muude piltide salvestamise formaat. JPEG-algoritm v?ib kasutada nii kadudeta kui ka kadudeta tihendamist (sellest l?hemalt hiljem). Mida suurem on faili suurus, seda v?iksem on kadu.

Millise vormingu peaksite valima? Kui teil on animeeritud pilt, siis see on lihtne - GIF on vorming, mida otsite. Aga kuidas on lood JPEG- ja PNG-ga?

JPEG- ja PNG-failid on sarnased, kuid neil on ka olulisi erinevusi. JPEG-failid on v?iksema suurusega, kuna need kasutavad tihendusprotsessi, mis eemaldab osa andmeid. PNG-d seevastu toetavad l?bipaistvat tausta ja sobivad paremini graafilise disaini jaoks.

?ldreegel on kasutada JPG-sid fotode ja piltide jaoks, millel pole l?bipaistvat tausta. PNG-vormingus on parem kasutada neid graafika, l?bipaistva taustaga failide ja muude piltide jaoks, kus selgus ja v?rvide erksus on olulised. Seega on tootefotode puhul m?istlik eelistada JPEG-vormingut PNG-le.

See tootefoto on JPEG-vormingus

Kuidas pilte tihendada ilma kvaliteeti kaotamata

Tihendus aitab v?hendada pildi suurust. Mida madalam on kvaliteet, seda suurem on tihendus ja seda v?iksem on faili suurus.

Kokkusurumist on kahte tüüpi.

  • Kadunud kompressioon v?hendab faili suurust, eemaldades üleliigsed andmed. Kui aga faili sel viisil tihendate, v?ib see pildikvaliteeti oluliselt halvendada.
  • Kadudeta kompressioon on tehnika, mis hoiab faili kvaliteeti k?rgel. Kuid see ei v?henda faili suurust nii palju kui kadudega tihendamine. Kui teil on vaja faili suurust v?hendada ilma kvaliteeti m?rgatavalt m?jutamata, on parem valida kadudeta pakkimine.

Lugege edasi, et saada teavet veebit??riistade kohta, mida saate kasutada pildi tihendamiseks ilma kvaliteeti kaotamata.

Piltide optimeerimine veebi jaoks: t??riistade ülevaade

Kas soovite v?lja selgitada, kuidas veebisaidi jaoks pilte optimeerida? ?nneks kasutate veebit??riistu oma piltide automaatseks optimeerimiseks, ilma et peaksite tunde Photoshopi ?petusi vaatama.

J?rgmised saidid saavad teie jaoks optimeerimise automatiseerida.

Kujutise suuruse optimeerimine: 4 lihtsat t??riista

Kui otsite failisuuruse v?hendajat, vaadake ühte j?rgmistest teenustest. Need on kas tasuta v?i tasuta prooviperioodidega.

  • : see v?hendab JPEG-piltide failisuurust. Nende saidi andmetel v?ib see seda v?hendada rohkem kui 70%!
  • : sama pildikompressor, kuid PNG-failide jaoks.
  • : pildikompressori veebirakendus, mis v?hendab kujutiste suurust mitmes vormingus.
  • : fotokompressor JPEG-failide jaoks. Sellel on t?iustatud funktsioonid, mis on fotograafidele abiks, sealhulgas fotode eksportimine otse Lightroomist ja Photoshopist.
  • : pildi optimeerija Maci seadmete jaoks. Peate selle kasutamiseks alla laadima.

Piltide optimeerimine JPEGmini abil

Kui teil on 51视频i kauplus, saate kasutada SEO kiirus ja pildi optimeerija rakendus 51视频 App Marketist. Rakendus v?imaldab ühe kl?psuga tootepiltide optimeerimine ja tihendamine, mis kiirendab tootelehe laadimisaega.

Kuidas optimeerida pilte WordPressi jaoks

Kui teil on WordPressi veebisait, saate kasutada pildi optimeerijat ja tihendamise pistikprogramme. Need aitavad teil WordPressi saitidel pilte automaatselt optimeerida, v?imaldades paremat kiirust ja j?udlust.

Muide, kui otsite oma WordPressi veebisaidi jaoks poodide pistikprogrammi, vaadake seda . See v?imaldab teil h?lpsasti oma WordPressi saidile veebipoe lisada. P?rast installimist loob pistikprogramm automaatselt poelehe, kus teie kliendid saavad teie veebisaidil oste teha.

Ewww Image Optimizer
on üks parimaid WordPressi pistikprogramme teie veebisaidil olevate fotode tihendamiseks ja piltide optimeerimiseks. Kogu piltide optimeerimise protsess on automatiseeritud. See h?lmab piltide tihendamist ja skaleerimist, et need sobiksid ?ige suurusega lehele ja seadmesse. Pistikprogramm on liitumisp?hine kuid see pakub a 7 p?eva tasuta prooviversioon.

Tihendage JPEG ja PNG
on pistikprogramm, mille on loonud meie juba pakutavate teenuste taga olev meeskond mainitud - TinyPNG ja TinyJPG. See tihendab pildid üleslaadimisel automaatselt. Samuti saate vanemaid pilte hulgi optimeerida. Tasuta kontoga saate iga kuu optimeerida 500 pilti.

reSmush.it
on tasuta WordPressi piltide tihendamise pistikprogramm kuni 5 MB failidele. Saate pilte üleslaadimisel automaatselt optimeerida, vanemaid pilte hulgi optimeerida ja m?ned pildid optimeerijast v?lja j?tta.

Rohkem automatiseeritud pildi optimeerimise t??riistu

Aga mis siis, kui teil pole WordPressi veebisaiti? Suure hulga fotode k?sitsi optimeerimine on kindlasti vajalik aega v?ttev. ?nneks on failide suuruse automaatseks v?hendamiseks saadaval mitu veebit??riista parandage saidi kiirust.

ImageRecycle
toetab erinevaid pildivorminguid, nagu JPEG, PNG, GIF ja isegi PDF-failid.

T??riist saab pildi suuruse ja m??tmete p?hjal m??rata, milliseid teie veebisaidil olevaid pilte tuleb optimeerida. Sisestage lihtsalt oma veebisaidi aadress ja ImageRecycle saadab teile meili teel tasuta aruande. Neil on ka tasuta prooviperiood, et saaksite n?ha nende optimeerimist??riista t??s.

ImageKit.io
ei ole tavaline pildikompressor, vaid pildi CDN (sisu edastamise v?rk). See optimeerib, muudab selle suurust ja saadab pilte oma ülemaailmse serveriv?rgu kaudu. Saate registreeruda igaveseks tasuta paketiks.

Tootepiltide redigeerimise t??riistad

Kui te ei soovi pilte ise redigeerida ja ei karda pisut isetegemist, v?ite abiks olla fotot??tlust??riistadest. Siin on m?ned neist.

Photoshop
Photoshop pakub tasuta piltide lihtsaks manipuleerimiseks (nt piltide k?rpimiseks v?i suuruse muutmiseks). Samuti v?imaldab see eemaldada piltidelt tausta ja viimistleda oma fotosid erinevate seadetega, nagu kontrast, heledus, küllastus, soojus v?i teravustamine.

Online Photoshopi redaktoril on kujundusmalle, mida saate kasutada

GIMP
on tasuta programm, mis sobib Windowsi, Maci ja Linuxiga. See pakub k?ike, mida vajate professionaalse graafika ja fotode jaoks, sealhulgas kihtide ja maskide, v?rvide korrigeerimise, retu?eerimise ja maalimise t??riistu. GIMP toetab k?iki peamisi pildifailivorminguid.

PicMonkey
on veebiredaktor, millel on lihtne liides ja k?ik p?hifunktsioonid, nagu k?rpimine, p??ramine, teravuse reguleerimine, v?rvidega t??tamine ja eraldusv?imega fotode valimine. See pakub malle piltide loomiseks reklaamide, suhtluspostituste, logode, infograafika ja muu jaoks. Sellel on a 7 p?eva tasuta prooviversioon.

Pixlr
pakub algajatele ja professionaalidele tasuta veebiredaktorit ja disainiressursse. Sellel on t??riistad v?rvimiseks, joonistamiseks ja fotode redigeerimiseks. Pixlri abil t??tate kihtidega ning kasutate erinevaid efekte ja filtreid. Kui olete huvitatud, saate test drive lisatasu pakett 30 p?evaks tasuta.

Lisateavet pildi optimeerimise kohta

Suured pildid v?ivad teie veebisaiti aeglustada, mist?ttu on oluline neid veebi jaoks optimeerida. Piltide jaoks ?ige pildivormingu leidmine suurust muutes ja tihendades v?ib teie veebisaidi laadimise kiirusega imesid teha.

Ja nüüd teate h?id uudiseid: optimeerimine on ülilihtne! Samuti v?ite igal ajal tagasi tulla ja sellele artiklile viidata.

Kui olete kogenud kasutaja ja soovite saada lisateavet SEO jaoks piltide optimeerimise kohta, soovitame Google’il seda videot vaadata. See sisaldab m?ningaid t?psemaid n?pun?iteid oma piltide optimeerimise kohta veebisaidi jaoks. Vaadake seda siit:



Olenemata sellest, kui kogenud olete e-poe omanikuna, ?rge kunagi unustage piltide optimeerimist. Isegi k?ige lihtsamad t??riistad muudavad teie pildid veebis sobivaks. Pilte optimeerides saate oma klientide ostukogemust drastiliselt m?jutada. Veenduge, et teie tootepildid oleksid ilusad ja kiiresti laaditavad!

Kui olete alles oma e-kaubanduse teekonna alguses ja peate luua veebipoe, vaadake Lightspeedi 51视频. See v?imaldab teil veebipoe ise luua, ilma et oleks vaja kodeerimis- ega disainioskusi. Ideaalne, kui teil on vaja veebis müüki alustada niipea kui v?imalik!

 

Sisukord

Internetis müüa

51视频 e-kaubanduse abil saate h?lpsalt müüa k?ikjal ja k?igile – nii Internetis kui ka kogu maailmas.

Andmeid autor

Anastasia Prokofjeva on 51视频i sisukirjutaja. Ta kirjutab veebiturundusest ja reklaamimisest, et muuta ettev?tjate igap?evane rutiin lihtsamaks ja rahuldust pakkuvamaks. Tal on ka pehme koht kassidele, ?okolaadile ja kodus kombucha valmistamiseks.

Teie seljataga e-kaubandus

Nii lihtne kasutada – isegi minu k?ige tehnofoobsemad kliendid saavad hakkama. Lihtne paigaldada, kiire seadistada. Valgusaastaid ees teistest poe pluginatest.
Olen nii muljet avaldanud, et olen seda oma veebisaidi klientidele soovitanud ja kasutan seda nüüd oma poes koos nelja teisega, mille veebihalduriks olen. Ilus kodeerimine, suurep?rane tipptasemel tugi, suurep?rane dokumentatsioon, fantastilised ?ppevideod. Suur ait?h sulle 51视频, sa rokk!
Olen kasutanud 51视频i ja mulle meeldib platvorm ise. K?ik on nii lihtsustatud, et see on hull. Mulle meeldib, et teil on transpordifirmade valimiseks erinevad v?imalused, et saaksite pakkuda nii palju erinevaid variante. See on üsna avatud e-kaubanduse v?rav.
Lihtne kasutada, taskukohane. N?eb v?lja professionaalne, valida paljude mallide vahel. Rakendus on minu lemmikfunktsioon, kuna saan hallata oma poodi otse oma telefonist. V?ga soovitatav ??
Mulle meeldib, et 51视频i oli lihtne k?ivitada ja kasutada. Isegi minusugusele, ilma igasuguse tehnilise taustata. V?ga h?sti kirjutatud abiartiklid. Ja tugimeeskond on minu arvates parim.
ECWID-i on k?igele pakutava jaoks uskumatult lihtne seadistada. Soovitan soojalt! Uurisin palju ja proovisin umbes 3 teist konkurenti. Proovige lihtsalt ECWID-i ja olete kiiresti v?rgus.

Teie poodide unistused algavad siit