Cum se optimizează fotografiile pentru un magazin online, ecwid

Toate exemplele din articol sunt făcute în Photoshop. Dacă nu aveți una, la final vă oferim alternative.

Dimensiunile și proporțiile imaginilor

A fost timpul pentru rezoluții înalte, ecrane mari și internet de mare viteză. Dar acest lucru nu înseamnă că nu trebuie să vă faceți griji cu privire la optimizarea imaginii. Camerele moderne realizează imagini detaliate detaliate, potrivite pentru imprimarea de înaltă calitate. Cel mai probabil fotograful tău te va pregăti pentru astfel de fotografii.

Imaginea are două dimensiuni:

  1. Spațiul pe care îl ocupă pe ecran. Această dimensiune este măsurată în pixeli (px) - punctele care alcătuiesc ecranul.

În magazinul Ekvid puteți să completați imagini de orice dimensiune, ele sunt întotdeauna optimizate pentru lățimea ferestrei browserului și încărcate la fel de repede.

Dacă magazinul dvs. nu este pe Ecwid și nu știți dacă optimizează dimensiunea imaginilor, nu regretați timpul și reduceți imaginile mărfurilor la aproximativ 1000 * 1000 px. Această dimensiune este suficient de mare pentru a lua în considerare produsul și suficient de mic pentru a porni rapid.

  • Locul în care se află imaginea în memoria dispozitivului. Memoria este măsurată în kilobytes (kB).
  • Cu cât sunt mai multe dimensiuni fizice ale imaginii, cu atât mai mult spațiu de memorie este necesar, cu atât este nevoie de încărcare mai lungă. Pentru a rezolva această problemă, au fost inventate formate de fișiere de imagine comprimate. Imaginea este comprimată prin optimizarea datelor de culoare.

    Mărimea potrivită pentru fotografiile de produse - 1000 * 1000 px pe 200 kB

    Cu toate acestea, o compresie puternică agravează "calitatea" imaginii: există un zgomot caracteristic sau tranziții bruște ale culorilor. Pentru a evita acest lucru, este suficient să salvați imaginile în formatul corect. Pentru o dimensiune a fișierului de aproximativ 1000 px, un rezultat bun va fi o greutate de 200 kB. Cum de a alege un format pentru acest lucru, vom descrie mai jos.

    cultură

    • Fotografia a devenit mai mică, dar elementele mici pe care am vrut să le arăt au dispărut!

    Ai dreptate! Detaliile sunt importante. Aranjați detaliile importante ale bunurilor prin tăierea acestora din imaginea principală. Completați imagini suplimentare în galerie.

    Cum se optimizează fotografiile pentru un magazin online, ecwid

    O imagine redusă și două cadre de detalii din aceeași imagine

    Miniaturi ale mărfurilor

    Am dat seama de imaginea principală a produsului, dar pentru prezentare avem nevoie de miniaturi. Ecwid are grijă de el însuși. Miniaturile de mărfuri sunt create automat. Dimensiunea implicită este de 230 px. Puteți modifica setările din panoul de control.

    Dacă nu aveți Ecwid, faceți miniaturi de până la 40-50 kB.

    Studiile au arătat că nu fiecare aspect este frumos față de ochi. De-a lungul anilor, a fost definit un set "standard" de proporții, prin care veți obține întotdeauna un rezultat plăcut: 1: 1, 4: 3, 3: 2, 16: 9.

    Cum se optimizează fotografiile pentru un magazin online, ecwid

    Proporțiile sunt importante, determină aspectul site-ului dvs. Toate imaginile să aibă proporții egale. Acest lucru va conferi vitrinei un aspect elegant și profesional.

    Dacă ați încercat deja să reduceți imaginile, probabil ați observat că după reducerea imaginii, "fade". Își pierd strălucirea. Cum se fac fotografii "inel"?

    O modalitate simplă

    Cum se optimizează fotografiile pentru un magazin online, ecwid

    Dacă imaginea originală a fost foarte mare, de exemplu, mai mult de 5000 * 5000 px, nu o reduceți imediat la cea dorită. Faceți acest lucru în 2-3 etape, ajustând după fiecare claritate.

    Metodă pentru experiență

    1. Reduceți imaginea la dimensiunea dorită: Imagine → Dimensiune imagine + selectați Bicubic Sharper.

    Cum se optimizează fotografiile pentru un magazin online, ecwid

  • Copiați imaginea în cel de-al doilea strat (Layer → Duplicate Layer).

    Cum se optimizează fotografiile pentru un magazin online, ecwid

  • Măriți claritatea celui de-al doilea strat (Filtru → Ascuțire → Ascuțiți).

    Cum se optimizează fotografiile pentru un magazin online, ecwid

  • Reglați opacitatea stratului pentru a regla claritatea (în fereastra Layer → Opacitate) și gata.

    Cum se optimizează fotografiile pentru un magazin online, ecwid
    • Al doilea strat este aplicat în modul luminozitate, astfel încât să se evite apariția halourilor de culoare.

    Cum se optimizează fotografiile pentru un magazin online, ecwid

  • Îndepărtați claritatea nedorită, ștergând al doilea strat cu o racletă (sau o mască).
  • Cum se optimizează fotografiile pentru un magazin online, ecwid

    Deci, iată ce avem în comparație cu imaginea originală:

    Cum se optimizează fotografiile pentru un magazin online, ecwid

    Pe tema de claritate scrisă mai multe articole, le veți găsi în motoarele de căutare la cerere "cum să crească claritatea fotografiei."

    Selectați formatul

    Imaginea dvs. a găsit proporțiile corecte, reduse la dimensiunea dorită, contrastul și claritatea sunt alese perfect, este timpul să salvați imaginea. Trebuie să alegeți formatul adecvat pentru a obține cea mai bună calitate cu "greutate" minimă.

    Cele mai populare formate:

    • GIF (English Graphics Interchange Format) poate stoca date comprimate fără pierderi de calitate într-un maxim de 256 de culori. Formatul acceptă imagini animate. Pentru mult timp, GIF a fost cel mai comun format pe Internet, până când a fost creat formatul PNG.
    • PNG (grafică de rețea portabilă în engleză) utilizează compresie fără pierderi și stochează un număr nelimitat de culori.
    • JPEG (Joint Photographic Experts Group după numele dezvoltatorului) este cel mai comun format pentru stocarea fotografiilor și a altor imagini. Algoritmul JPEG vă permite să comprimați imaginea atât cu pierderi, cât și cu pierderi. Cu cât este mai mică pierderea, cu atât este mai mare dimensiunea fișierului.

    Cum se optimizează fotografiile pentru un magazin online, ecwid

    Fotografie în format JPEG, cu o scădere a compresiei de la stânga la dreapta. Sursă: Wikipedia

    Deci, ce să alegi?

    Procedați conform următorului algoritm:

    1. Dacă aveți o fotografie, alegeți un JPEG cu o valoare a calității de aproximativ 50-80 de unități.
    2. Dacă o ilustrație cu o umiditate mare chiar se va umple, JPEG nu va funcționa. Pe suprafețe plate, artefactele (distorsiuni ale imaginii) vor fi vizibile. Alegeți PNG.
    3. O imagine animată? Alegerea dvs. de GIF.

    Și nu utilizați TIFF pe Internet. Acest format minunat este conceput pentru imprimare, dar nu este potrivit pentru web.

    Cum se optimizează fotografiile pentru un magazin online, ecwid

    Salvați fotografii în diferite formate. Fișierul JPEG este cel mai simplu

    Și este posibil chiar mai puțin? - Da!

    Comprimarea fișierelor fără pierderi de calitate face ca serviciile speciale să fie: TinyJPG. JPEGmini. TinyPNG.

    Dacă nu există Photoshop

    Programul este potrivit pentru Windows, Mac și Linux. Există tot ceea ce este necesar pentru procesarea profesională a desenelor și a fotografiilor: lucrul cu straturi și măști, unelte pentru corecția culorilor, retușare și desen. Gimp acceptă toate formatele majore de fișiere grafice.

    Cum se optimizează fotografiile pentru un magazin online, ecwid

    Cum se optimizează fotografiile pentru un magazin online, ecwid

    Cele mai multe instrumente sunt disponibile gratuit, dar pentru unele funcții avansate va trebui să plătiți.

    Cum se optimizează fotografiile pentru un magazin online, ecwid

    Editorul Pixlr acceptă toate formatele populare de imagine, este disponibil în limba rusă.

    Cum se optimizează fotografiile pentru un magazin online, ecwid

    Alina Vashurina este director de relații publice la Equid. Înscrie pentru a inspira și a educa cititorii despre tot ce are legătură cu comerțul electronic. Îi place să călătorească și să conducă maratonii.

    Fii constient!

    Abonați-vă la o compilație săptămânală de articole de inspirație electronică

    Vă puteți dezabona în orice moment. Prin înscrierea, sunteți de acord cu prelucrarea datelor.

    Articole similare