Meniul
Acasăexcela

Optimizarea și compresia png și jpg, jpeg fără pierderi de calitate. Cum să comprimați JPG, JPEG folosind jpegoptim. Comprimare JPG, JPEG fără pierderi de calitate

Viteza de încărcare a paginilor web este unul dintre factorii în „atitudinea” motoarelor de căutare față de site-ul dvs. Cu cât paginile se încarcă mai repede, cu atât utilizatorii sunt mai loiali site-ului - nimănui nu-i place să aștepte mult timp și să irosească mult trafic.

Serviciul Google (aparent) închis PageSpeed ​​​​Insights este larg cunoscut, permițându-vă să verificați viteza de încărcare a oricărui site publicat și, pe baza rezultatelor verificării, acordând o evaluare pe o scară de o sută de puncte și recomandări. În mod obișnuit, recomandările includ optimizarea și reducerea codului programului, comprimarea imaginilor, configurarea memoriei cache a serverului și a browserului etc.

Pentru resursa medie de conținut pe un CMS gratuit precum WordPress (da, vorbesc despre al meu și despre mii de site-uri similare), opțiunile de optimizare se limitează la instalarea de pluginuri de cache și lucrul cu imagini. „Comandă rapid” tema și scurtează HTML, CSS și Cod JavaScript Nu toată lumea poate, iar astfel de acțiuni, de regulă, duc la diverse erori și pierderea funcționalității.

Pentru a lucra cu imagini sub WordPress, există o serie de plugin-uri care convertesc și comprimă imagini cu sau fără pierdere, din mers sau la cerere. Cel mai bun, după părerea mea, dintre aceste plugin-uri este EWWW Image Optimizer.

Ca alternativă, puteți conecta un fel de serviciu CDN, astfel încât conținutul static, și anume grafica, să fie servit de pe servere terțe, ușurând ușor serverul de fișiere de găzduire și accelerând încărcarea paginii prin distribuirea surselor. În cazul meu, acest lucru este realizat de modulul Photon ca parte a pluginului JetPack extrem de popular și criticat periodic.

Toate acestea funcționează în grade diferite, dar există o modalitate universală de a optimiza imaginile pentru orice site care rulează nu numai pe WordPress - pentru a începe, aveți nevoie doar de un cont Google.

Vorbim, destul de ciudat, despre Google Photos - un serviciu care este conceput pentru a stoca fotografiile realizate pe smartphone-uri Android și imaginile și videoclipurile de rezervă ale utilizatorilor de computere care au instalat un utilitar special.

În ajutorul PageSpeed ​​​​Insights, procesul de optimizare a imaginii recomandat de Google este descris după cum urmează:

Optimizați-vă imaginile

Această regulă este declanșată atunci când PageSpeed ​​​​Insights detectează că dimensiunea imaginilor de pe pagină poate fi redusă fără pierderi mari de calitate.

Informații generale

Încercați să mențineți dimensiunea imaginilor la minimum: acest lucru va accelera încărcarea resurselor. Formatul și compresia corecte a imaginilor pot reduce dimensiunea acestora. Datorită acestui lucru, utilizatorii pot economisi timp și bani.

Optimizarea de bază și avansată ar trebui efectuată pentru toate imaginile. Ca parte a optimizării de bază, câmpurile inutile sunt tăiate, adâncimea culorii este redusă (la valoarea minimă acceptabilă), comentariile sunt eliminate și imaginea este salvată într-un format adecvat. Optimizarea de bază se poate face folosind orice program de editare a imaginilor, cum ar fi GIMP. Optimizarea avansată comprimă fișierele JPEG și PNG (fără pierderi).

Utilizați instrumente de compresie a imaginii

Există instrumente care efectuează compresie suplimentară pe fișierele JPEG și PNG fără pierderi sau reduceri de calitate. Pentru fișierele JPEG, este recomandat să utilizați jpegtran sau jpegoptim (disponibil numai pe Linux, rulați cu opțiunea --strip-all). Pentru PNG este mai bine să utilizați OptiPNG sau PNGOUT.

Se pare că ultimul paragraf descrie instrumentele cu care servere Google optimizează automat imaginile personalizate încărcate în Fotografii. Apropo, fișierele video incluse în serviciu sunt și ele optimizate, dar acest lucru este complet lipsit de importanță, având în vedere existența continuă a YouTube.

Să ne uităm la un exemplu. Astăzi am fotografiat un cuțit pliabil pentru următoarea publicație și am rulat fotografiile rezultate prin aplicația FastStone Vizualizator de imagini decupare („artistică” + redimensionare până la 1280 de pixeli în lățime). Rezultatul a fost un folder cu opt fișiere cântărind mai mult de 3 (!) megaocteți.

Aparent, FastStone Image Viewer proaspăt instalat salvează în mod implicit fotografiile editate aproape de calitate maxima, ceea ce duce la o „greutate” nerezonabilă a fișierelor. Dar o astfel de setare în cazul nostru este destul de justificată, deoarece algoritmii Google comprimă fotografiile fără pierderi vizibile de calitate cu upscaling 100%, ceea ce înseamnă că o calitate bună a imaginii va rămâne așa chiar și după încărcarea în Google Foto.

Pentru comoditate, este mai bine să plasați fotografiile descărcate într-un nou album, care poate fi descărcat în întregime aproape imediat după crearea ca arhivă ZIP:

Dacă compari fotografiile comprimate în Google Foto cu cele originale, obții economii semnificative.

816 KB față de 3,27 MB. În același timp, calitatea fotografiilor, după părerea mea, nu a avut de suferit deloc. Facebook și VKontakte ar trebui să învețe de la Google cum să optimizeze fotografiile. În plus, GPhotos este echipat cu instrumente bune de editare a imaginilor - de la aplicarea filtrelor până la reglarea manuală a contrastului, luminozității, saturației etc.

Astfel, Google Photos nu este doar un nor excelent pentru stocarea și publicarea fotografiilor, ci și Unealtă puternică optimizarea imaginilor pentru publicare pe web. Numai în cazul WordPress, nu uitați să dezactivați pluginurile de optimizare și același modul Jetpack Photon, altfel fotografiile deja pregătite pentru publicare vor suferi o compresie suplimentară, ceea ce va duce la o pierdere vizibilă a calității (de exemplu, vedeți capturile de ecran care au mers). prin Google Foto și apoi Photon în această postare).

Distribuția valorilor de clasare care nu sunt legate de cuvintele cheie pe o scară de la 0 la 9, unde 0 înseamnă că factorul nu are niciun impact asupra clasării paginii și 9 înseamnă că factorul are un impact puternic:

Imaginați-vă cum se va îmbunătăți clasamentul în căutarea site-ului dvs. dacă reduceți timpul de încărcare a fiecărei pagini cu cel puțin 10%. Acest lucru vă poate aduce la prima pagină a motorului de căutare, sau chiar în primele trei rezultate - ceea ce vă va crește semnificativ veniturile.

De ce costurile de găzduire depind de dimensiunea imaginii?

Imaginile mari afectează și lățimea de bandă de găzduire. Prin urmare, dacă ai trafic mare, atunci imaginile grele vor implica costuri suplimentare. Un lucru este când 50 de persoane pe zi încarcă fotografii de 1 MB, dar ce se întâmplă dacă sunt 5.000 dintre ele?

Prin urmare, reducerea volumului imaginilor vă va economisi bani. Utilizați memoria cache a site-ului sau rețeaua de livrare a conținutului. Dar instalarea lor va necesita ajutorul dezvoltatorilor web, ceea ce este posibil doar până la un anumit punct. Prin urmare, învățați cum să reduceți singur greutatea fișierelor de imagine - este util și benefic. Citiți mai jos pentru informații despre cum să faceți acest lucru.

Formate de imagine de bază

Nu există multe formate de imagine utilizate pe resursele web. Să luăm în considerare 5 principale:

  • .jpg;
  • .png;
  • .gif;
  • .svg;
  • .bmp.

Cele mai multe imagini de pe Internet vin în unul dintre aceste cinci formate. Accesând orice pagină și făcând clic dreapta pe o imagine, o puteți deschide într-o filă nouă:

Făcând acest lucru, puteți defini cu ușurință formatul:

Uneori nu este ușor să afli formatul imaginii de pe computer deoarece OS ascunde adesea extensia fișierului în mod implicit. Apoi accesați setările computerului și porniți afișarea modului extensii de fișiere.

Pe un Mac, accesați Finder > Preferințe > Avansat și apoi bifați caseta de lângă „Afișați toate extensiile de nume de fișiere”:

Pe Windows 10, deschideți Start, apoi File Explorer > Vizualizare > Setări > Vizualizare, debifați „Ascunde extensiile tipurilor de fișiere cunoscute” și selectați butonul radio „Afișați fișierele, folderele și unitățile ascunse”. Apoi faceți clic pe „OK”:

Funcția de afișare a extensiilor de fișiere va fi utilă dacă intenționați să optimizați o mulțime de imagini. În plus, acest lucru va reduce probabilitatea de eroare.

De exemplu, dacă decideți să convertiți o imagine din .jpg în .png, funcția de afișare a extensiei vă va împiedica să confundați fișierele aflate unul lângă celălalt într-un folder.

Acum să vorbim despre cum să determinați greutatea unei imagini și dimensiunea ei totală. Pe un Mac, faceți clic dreapta pe imagine și selectați Obțineți informații:

Să discutăm despre avantajele și dezavantajele fiecărui format. Diferite tipuri de fișiere au calități optime pentru unele proiecte și nu pentru altele.

.JPG

Nume complet: Joint Photographic Experts Group (pe baza numelui organizației dezvoltatorului).

Anul lansării: 1992.

Cel mai comun tip de fișier imagine. Majoritatea smartphone-urilor și camere digitale Ei fac poze în ea. Desigur, .JPG se potriveste mai bine, dacă trebuie să reduceți greutatea fișierului, menținând în același timp calitatea imaginii.

Apropo, puteți schimba sfârșitul numelui fișierului din .JPEG în .JPG și nu se va întâmpla nimic catastrofal.

Cu toate acestea, dacă pur și simplu încărcați o fotografie de pe telefon sau cameră și încercați să o introduceți într-un site web fără optimizare, veți avea o surpriză neplăcută. Imagine JPG necomprimată de pe telefon sau camera digitala cântărește mult. Prin „mulți” înțelegem o greutate de la 1 la 10 MB (uneori mai mult).

Mai jos este un exemplu.JPG:

Aceasta este o fotografie a picturii lui Vincent van Gogh „Irisi”. Un bun exemplu de când .JPG este alegerea optimă. Poza este plină de culori spațiu gol absent deloc, fără linii drepte. Doar JPG vă va ajuta să păstrați această splendoare într-un fișier ușor.

  • dacă aveți îndoieli ce format să utilizați, utilizați .JPG;
  • Acesta este cel mai bun format pentru stocarea fotografiilor;
  • Dimensiunea unui astfel de fișier este redusă fără pierderea calității.

.PNG

Nume complet: Portable Network Graphics.

Anul lansării: 1996.

Formatul .PNG este atât un blestem, cât și o binecuvântare. Pentru designerii web, oferă o alternativă excelentă la .GIF.

Acest format este bun pentru imagini la scară mare, dar nu fotografii sau imagini cu multă culoare și detalii (cum ar fi un tablou Van Gogh).

PNG afișează bine grafice simple, desene și diagrame. În acest format, imaginea de mai sus are doar 34 KB. Vă rugăm să rețineți că infograficele arată mai bine și cântăresc mai puțin atunci când sunt salvate în format .PNG.

Imaginile PNG se scalează bine. GIF are parametri similari cu PNG, dar nu se scalează bine: astfel de ilustrații sunt pline de artefacte și strică aspectul estetic al paginii.

  • ideal pentru grafice, desene și diagrame simple;
  • bun pentru infografice;
  • se cântărește bine;
  • nu foarte potrivit pentru imagini color cu multe detalii;
  • Computerele Mac fac capturi de ecran în format .PNG în mod implicit.

.GIF

Nume complet: Graphics Interchange Format (format pentru schimb de imagini).

Anul lansării: 1987.

GIF - foarte format vechi, dezvoltat înainte de apariția internetului public. Și-a făcut bine treaba când World Wide Web era relativ nou.

Today.GIF este ideal pentru imagini minuscule: pictograme, imagini cu butoane, imagini de fundal, ilustrații decorative - deoarece oferă o dimensiune de fișier extrem de mică. Numărarea nu este în megaocteți sau kiloocteți, ci în octeți. Practic nu este nimic.

În stânga este un exemplu de chenar decorativ de fereastră realizat din pătrate mici .GIF. Fiecare pătrat cântărește doar 54 de octeți

Problema cu formatul este că astfel de imagini nu se scalează bine. Ceea ce li se întâmplă se numește pixelare. Odată cu apariția .PNG, astăzi nu mai are rost să salvați imagini ca .GIF. Dar ce zici de imaginile animate?

Cu toții iubim așa-numitele animații GIF. Cu toate acestea, de regulă, cântăresc mult - aproximativ 2 MB și mai mult. Bloggerii tind să folosească imagini animate în postări, sacrificând timpul de încărcare pentru asta. Dar dacă merită, atunci de ce nu!

  • format învechit, înlocuit cu .PNG;
  • folosiți animațiile GIF ca ultimă soluție - sunt foarte grele;
  • GIF este perfect pentru cei mici elemente decorative pagini care nu sunt proiectate pentru scalare.

.SVG

Nume complet: grafică vectorială scalabilă.

Anul lansării: 2001.

Fișierele .SVG sunt incredibile. După cum sugerează și numele, aceste imagini sunt grozave pentru scalare și pot cântări foarte puțin.

Cu toate acestea, există un dezavantaj semnificativ - fotografiile nu pot fi vectoriale. Dar oricare altul imagine vectorială poate fi salvat în acest format (dacă a fost creat în programul Adobe Illustrator sau Corel Draw, apoi poate fi exportat în .SVG).

Formatul este bun pentru diagrame, diagrame și grafice simple. Siglele și pictogramele sunt adesea salvate ca .SVG. De obicei, acestea ar trebui să fie simple și/sau să aibă un design abstract.

Sigla NASA este salvată în format .SVG și cântărește doar 14 KB. Deși, după cum puteți vedea, imaginea în sine este mare și destul de clară. Asta-i frumusețea grafica vectoriala. Nu va exista nicio pixelare, indiferent cât de mult ai redimensiona imaginea.

Principala problemă cu acest format este că aceste imagini sunt aproape întotdeauna create de artiști cu experiență (cu excepția cazului în care, desigur, descărcați un astfel de fișier de pe un site). Dar dacă lucrați pe un site cu mult trafic, este înțelept să investiți resurse în crearea fișierelor SVG dacă sunt cu adevărat necesare.

  • mărime mică;
  • potrivit pentru site-urile web responsive care necesită imagini care pot fi scalate fără a pierde calitatea;
  • nu este potrivit pentru fotografii;
  • necesită abilități dezvoltate de proiectare pentru utilizarea corectă.

.BMP

Nume complet: Windows Bitmap, Bitmap Picture.

Anul lansării: 1985.

BMP este un format de stocare a imaginilor raster dezvoltat de Microsoft. Acesta este cel mai vechi dintre toate formate de fișiere Internet.

Dacă ați folosit vreodată programul Microsoft Paint, apoi a creat fișiere cu extensia .BMP. Majoritate browsere moderne afișează fără probleme fișierele de acest format, dar sunt rar folosite. Aceste fișiere sunt grele și predispuse la pixelare atunci când sunt scalate.

Concluzie: Acest format nu trebuie utilizat.

Reducerea greutății imaginilor fără a pierde calitatea

Următoarele instrumente vă vor ajuta aici.

Adobe Photoshop este standardul industrial pentru editarea imaginilor. Acest program platit, care costă 19,99 USD lunar. Dacă nu doriți să plătiți, puteți găsi Adobe CS6 online, ultima versiune program care nu necesită o taxă de abonament.

Una dintre cele mai utile pentru optimizarea imaginii Caracteristici Photoshop— salvarea imaginii într-unul dintre formatele web („Salvare pentru Web”). Vă permite să convertiți rapid greutatea și calitatea imaginii pentru diferite tipuri de fișiere.

Mai întâi, deschideți imaginea pe care intenționați să o optimizați în program:

Dacă utilizați imagini pe blogul dvs., redimensionarea lor aproape întotdeauna are sens. Aproape totul social media au propriile cerințe pentru dimensiunea imaginilor publicate. Prin alinierea acestui parametru cu cel cerut, veți obține performanță maximă pagini.

Să ne uităm la un exemplu. Să presupunem că ai vrut să inserezi o imagine într-un blog și ai început să o redimensionezi.

Lățimea câmpului de conținut: 800 pixeli

Să ne imaginăm că vrei să postezi fotografia unui prieten pe blogul tău. Lățimea imaginii este de 4.000 de pixeli. Evident, dimensiunea este de multe ori mai mare decât este necesar. Și șansele ca greutatea fișierului să fie mică sunt extrem de mici.

Puteți modifica dimensiunea la 800 de pixeli lățime - dar uneori, dimpotrivă, merită să o scalați la 1000 de pixeli. Pe Ecrane retină instalat pe Mac, este destul de ușor să recunoști imaginile De calitate inferioară. De aceea majoritatea designerilor au regula obligatorie: Lățimea imaginii trebuie să fie de cel puțin două ori lățimea câmpului de conținut. Acest lucru se face pentru a vă asigura că imaginile arată clar chiar și pe ecranele Apple.

Singura problemă este că greutatea unei astfel de imagini va fi gigantică, ceea ce, fără îndoială, va crește timpul de încărcare și va reduce conversia.

În cazul nostru, lățimea imaginii este de 8.000 de pixeli.

Pentru a-i schimba dimensiunea, pe un Mac va trebui să faceți clic pe fila „Imagine”, apoi să selectați „Dimensiunea imaginii”:

Aici puteți selecta formatul final de fișier și puteți determina alte caracteristici ale imaginii, optimizând-o mai bine pentru rețea. Primul pas este să determinați ce tip de fișier este cel mai potrivit pentru nevoile dvs.

Încercați fiecare format, specificând dimensiunea imaginii salvate, pentru a vedea greutatea finală a fișierului. Selectând JPEG, puteți specifica calitatea imaginii finale:

După ce ați încercat toate formatele, alegeți cel cu cea mai mică dimensiune a fișierului și aceeași calitate înaltă. În exemplu, acest format sa dovedit a fi .JPG. În ea s-a decis să se salveze imaginea:

Vă rugăm să rețineți că dimensiunea fișierului în format .PNG este de 731 KB!

Alte formate pot fi de preferat. Dar dacă optimizați grafica și desenele, atunci .PNG va fi alegerea optimă.

Pentru cei care nu au Photoshop, acest lucru va funcționa serviciu online gratuit TinyPNG. Desigur, optimizarea perfectă nu va funcționa, dar puteți reduce greutatea fișierului aici. Principalul dezavantaj— resursa nu vă permite să modificați dimensiunea imaginii:

Pentru a începe, mutați imaginea în centrul paginii principale a serviciului, în zona conturată de linia punctată - greutatea imaginii va scădea imediat automat:

Acum - doar descărcați fișier nou pe calculator.

Dacă este suficient de mare (mai mult de 350 KB), mai întâi reduceți dimensiunea imaginii, apoi treceți la TinyPNG. Dacă descărcați fotografii de pe un iPhone, le puteți trimite prin poștă, după ce ați specificat mai întâi o dimensiune diferită de cea originală. De obicei mare și mărime medie cel mai preferat.

GIMP

GIMP este un instrument incredibil. Este o alternativă gratuită pentru desktop la omniprezentul Photoshop. În același timp, GIMP poate face tot ceea ce creația lui Adobe este capabilă. Deci, dacă aveți un buget, acordați atenție acestui program. Este disponibil pentru Windows, Mac OS și Linux.

Ce dimensiune de fișier este de preferat?

Greutatea optimă a unui fișier depinde de unde și în ce scopuri îl vei folosi. Dar regula de bază este aceasta: străduiți-vă să reduceți cât mai mult posibil greutatea imaginii, păstrând în același timp calitatea înaltă a acesteia.

Dacă imaginile dvs. sunt nefocalizate, granulate sau plictisitoare, re-optimizați-le pentru a îmbunătăți calitatea fișierelor. Dacă utilizați Photoshop și salvați imagini ca .JPG, încercați să mutați glisorul pentru calitatea imaginii la 80% sau mai mult. Dacă salvați imaginea ca .PNG, încercați să utilizați .PNG-24 în loc de .PNG-8.

Să determinăm indicatorii ideali de volum al fișierelor pentru principalele tipuri de resurse.

Magazine online

Magazinul online mediu conține sute până la mii de imagini ale produselor pe paginile sale. Prin urmare, optimizarea conținutului vizual este extrem de importantă pentru site-urile de comerț electronic.

De regulă, greutatea imaginilor produsului este redusă la 75 KB sau mai puțin. Dacă imaginile de pe site sunt scalate, veți avea nevoie de dimensiuni mai mari. Apoi greutatea poate crește până la 150 KB.

Bloguri

De regulă, greutatea imaginilor pentru bloguri nu depășește 100 KB. Dar sarcina ta este să obții un volum minim, păstrând în același timp calitatea. Omiteți animația GIF dacă nu este practică.

Portaluri SaaS

Aceste resurse au trei tipuri principale de imagini: pe pagina principală (shot shot), pictograme și capturi de ecran. Cea mai importantă pagină a serviciului este pagina principală, așa că toată munca de optimizare ar trebui să înceapă de aici.

Imaginea principală

De obicei, acestea sunt imagini uriașe care umplu întregul ecran. Dar dimensiunea țintă este de 250 KB sau mai puțin. Nu va fi ușor. Dar extrem de eficient. Mulți oameni nu acordă o atenție deosebită greutății, dar numai optimizarea acesteia va îmbunătăți deja performanța resursei.

Pictograme

Pe multe site-uri web, pictogramele demonstrează clar funcțiile sau caracteristicile unui produs. Formatul unor astfel de imagini este de obicei .PNG, iar greutatea nu depășește 15 KB.

Capturi de ecran

Dacă capturile de ecran sunt la fel de largi ca imaginea principală, încercați să le reduceți greutatea la 250 KB; dacă nu, 100 KB sau mai puțin. Cel mai bun format pentru capturi de ecran - .JPG.

Instrumente gratuite de editare a imaginilor

Servicii online gratuite

  • TinyPNG. Valoarea principală a resursei este simplitatea acesteia. Doar mutați imaginea pe ecranul principal și greutatea acesteia va fi redusă;
  • Pixlr. Interfața de serviciu este similară cu Photoshop. De asemenea, arată greutatea fișierului pentru o anumită calitate a imaginii;
  • Picmonkey. Funcțiile necesare sunt disponibile și interfața este intuitivă.

Instrumente desktop gratuite

  • GIMP;
  • Paint.net. Cea mai bună versiune Microsoft Paint. Unul dintre funcții utile- istoric nelimitat. Puteți anula câte acțiuni este necesar;
  • Malul marii. Aplicație open source pentru Mac. Cunoscut pentru bug-urile sale, dar poate fi totuși util.

Câteva sfaturi finale despre optimizarea motoarelor de căutare. Numele fișierelor trebuie să fie descriptive. De exemplu, nu trebuie să dai unei imagini dintr-un magazin online un nume precum 324q345q345.png. Reflectați produsul afișat în imagine în numele fișierului. De asemenea, asigurați-vă că fiecare imagine are o etichetă Alt corespunzătoare în codul imaginii:

Aceste informații vor permite imaginii să participe la căutările de imagini Google sau Yandex.

Secrete pentru optimizarea titlurilor și imaginilor din resursele de conținut de top

Concluzie

Specialiștii CRO și SEO uită adesea să optimizeze imaginile, subestimând impactul acestui proces asupra profiturilor. Dar, acordând suficient timp și atenție optimizării, veți debloca încă un potențial de creștere a afacerii. Sperăm că ghidul nostru vă va ajuta în acest sens.

Potrivit angajaților Yandex, „fotografiile sunt o parte foarte importantă a căutării noastre. Ele îi ajută pe utilizatori să vadă tranzitul lui Venus pe discul solar, să afle cum arată un Yorkshire Terrier sau un nou sedan Tesla, compoziția unui grup de zeppelin de plumb și cum să lege o cravată.”

Prin clasarea în căutare pe baza imaginilor, site-ul va putea primi o cotă semnificativă de trafic. Inclusiv pentru cererile comerciale, atunci când utilizatorul dorește să vadă cum arată un anumit produs. În plus, factori comportamentali pozitivi precum numărul de tranziții, durata și profunzimea vizionării site-ului de către vizitatorii care provin din căutarea de imagini influențează, de asemenea, clasarea site-ului în căutarea organică pentru toate interogările. Și atracție public țintă către un site comercial, chiar și dintr-o sursă precum căutarea de imagini, cu prezentarea corectă a conținutului, poate atrage un număr semnificativ de vizitatori vizați pe site care vor efectua acțiuni de conversie.

Vizualizarea imaginilor în serviciul Yandex.Images

Materialul va discuta despre metodele standard de optimizare a imaginii care sunt aplicabile tuturor tipurilor de site-uri și sunt luate în considerare de toate motoarele de căutare. Acum fiecare dintre ele va fi luat în considerare mai detaliat și va fi oferită și o descriere extinsă a fiecărui punct al recomandărilor cu explicații.

Optimizarea imaginii

Disponibilitate pe site imagini de înaltă calitate- una dintre componentele succesului majorității proiectelor pe Internet. Utilizatorii preferă să primească informații mai degrabă sub formă de imagini grafice decât de text. Este perceput mai rapid și mai bine și este mai ușor de reținut. Pentru a crește conversia site-ului web și a îmbunătăți factorii comportamentali, este necesară dezvoltarea constantă a conținutului grafic. Trebuie să încercați să vizualizați cât mai mult posibil toate aspectele și nuanțele informațiilor disponibile. Astfel, utilizatorii vor dori să vizualizeze mai multe pagini ale site-ului, le va fi mai ușor să facă o alegere și să finalizeze acțiunea de conversie.

Beneficiile optimizării imaginii sunt subestimate de mulți experți. Cu toate acestea, datorită pașilor simpli, puteți obține un rezultat excelent sub formă de utilizatori fideli, al căror număr va crește din căutarea de imagini, precum și din căutarea organică.

Atributele imaginii de alt și titlu

Cele mai importante atribute ale imaginii care pot fi specificate în eticheta de cod HTML corespunzătoare sunt atributele alt și title. Valorile lor sunt una dintre principalele surse de informații despre imagini pentru motoarele de căutare.

atribut alt — Aceasta este o sursă alternativă de informații pentru utilizatorii care au dezactivat imaginile în browser. Dacă este definit atributul alt, atunci când este imposibil să afișați imaginea, textul atributului va fi afișat în locul său:

Imagine cu specificat atribut alt

Fără setul de atribut alt, imaginea va fi afișată ca goală:

Imagine fără atribut specificatalt

Este deosebit de important să descrii imaginile folosind atributul alt pentru site-urile al căror conținut constă în principal din imagini.

Atributul title oferă Informații suplimentare despre poza. Textul conținut de acest atribut apare când treceți cu mouse-ul peste imagine:

Imaginecatribut dattitlu

Deci, să luăm în considerare principalele recomandări ale motoarelor de căutare pentru lucrul cu imaginile site-ului web, astfel încât pe baza acestora, precum și pe baza practicilor de promovare a site-ului web, să putem stabili o listă de acțiuni care vă pot ajuta să obțineți efect maxim din optimizarea imaginii.

Nu încorporați text semnificativîn imagini. Cu alte cuvinte, toate inscripțiile importante trebuie să fie sub formă de text.

Dați fișierelor imagine nume detaliate și descriptive. Cel mai bine este să folosiți 1-2 cuvinte în numele fișierului care descriu imaginea.

Adăugați text detaliat eticheteialt.

Cea mai bună opțiune:

Furnizați suficient context pentru imagini. Textul din jurul imaginii ar trebui să corespundă cu ceea ce este descris pe ea.

Gândiți-vă la cel mai bine să vă protejați imaginile. Poate fi diverse opțiuni, de exemplu, adăugarea unui filigran, postarea unui cod pentru a încorpora imaginea pe alt site sau punerea la dispoziție a imaginilor sub o licență care necesită atribuire, cum ar fi o licență Creative Commons.

Postarea de fotografii de bună calitate. Fotografii de înaltă calitate Nu numai că îi ajută pe utilizatori să vadă toate micile detalii dintr-o imagine, dar au și performanțe mai bune ca miniaturi în rezultatele căutării și au mai multe șanse să fie făcute clic de către utilizatori.

Creați o pagină de destinație separată pentru fiecare imagine, unde vor fi colectate toate informațiile asociate acesteia. Acest lucru este relevant pentru site-urile în care imaginile sunt unul dintre elementele principale de conținut sau pentru magazinele online.

Încercați să plasați imagini în partea de sus a paginilor, unde pot fi văzute dintr-o privire. Acest lucru va interesa rapid utilizatorul să vizualizeze pagina până la sfârșit.

Încercați să vă structurați directoarele în așa fel încât imagini similare au fost ținute împreună.

Specificați lățimea și înălțimea tuturor imaginilor. Acest lucru va accelera încărcarea paginii, deoarece... Browserele le pot reda înainte ca imaginile să fie încărcate dacă cunosc cantitatea de spațiu rezervată pentru elementele care nu pot fi înlocuite.

Nu uitați de textele care descriu imaginea:

  • Subtitrări pentru imagini (alt, titlu);
  • Text adiacent imaginii;
  • Numele fișierelor și scripturilor, inclusiv luarea în considerare a transliterației și a traducerii interliniare simplificate;
  • Texte de link-uri către imagini de pe alte pagini și de pe alte site-uri;
  • Texte și titluri ale documentelor scurte care încadrează o singură imagine.

Din textele care se referă la imagini Yandex găsește imagini pe baza solicitărilor utilizatorilor.

Yandex indexează imaginile numai în formate grafice standard (JPEG, GIF și PNG). Înainte de a încărca o imagine pe site, ar trebui să vă asigurați că este salvată într-unul dintre aceste formate.

Clasamentul este afectat și de calitatea imaginii în sine.

În rezultatele căutării, pentru fiecare imagine găsită, este afișat un link către pagină pe care descrierea textului imaginii se potrivește mai bine cu cuvintele solicitării. Deci conținutul text al paginii este − factor important clasament în căutarea imaginilor. Ca și în cazul Google, ar trebui să conțină cât mai multe informații despre ceea ce este afișat în imagine, iar acest lucru ar trebui să completeze textul.

Pași de urmat pentru optimizarea imaginilor

1. Imaginile trebuie stocate și accesate pe același server și găzduire ca și site-ul în sine. Acesta este unul dintre indicatorii calității site-ului pentru motoarele de căutare. Doar site-urile și companiile serioase își pot permite să stocheze imagini pe găzduirea sau serverul lor, pentru că... acest lucru necesită costuri materiale suplimentare. În plus, astfel de imagini se vor încărca mai repede.

2. Folosiți original imagini de înaltă calitate cu rezolutie maxima. Aceste imagini, la rândul lor, trebuie procesate de sistemul de management al site-ului și afișate pe paginile corespunzătoare într-o dimensiune mai mică, astfel încât pagina să se încarce rapid. Când faceți clic pe o imagine, aceasta ar trebui să se deschidă în cea mai mare dimensiune originală posibilă disponibilă.

3. Atributele alt și titlu ale imaginilor trebuie completate astfel încât să descrie cu acuratețe conținutul acestora. Ei trebuie să folosească 1-2 cuvinte cheie pentru care pagina este optimizată. Cel mai bine este dacă acesta este cuvântul cheie principal care se potrivește cu titlul paginii și cu ancora link-ului către aceasta din meniul principal al site-ului.

4. Pune o semnătură sub imagini, care va apărea și mai jos când dai clic pe ea. Semnătura poate fi identică cu atributul alt. Legenda trebuie să fie în același paragraf „P”, celula tabelului „TD” sau eticheta „DIV” ca imaginea.

5. Pagina pe care este postată imaginea trebuie să conțină text adecvat. Textul ar trebui să includă și ceea ce este prezentat în imagine. Acesta, la rândul său, completează acest text.

6. În atribute, specificați înălțimea și lățimea imaginii.

7. Redenumiți fișierele imagine, scriindu-le în transliterație.În numele fișierului, indicați în 1-2 cuvinte ceea ce este conținut în imagine.

8. Puteți adăuga suplimentar atributul LONGDESC la imagini. Mai multe detalii despre el: http://htmlbook.ru/html/img/longdesc.

9. În proprietățile fișierelor jpg ale imaginilor originale, completați următoarele câmpuri:

— Titlu: se potrivește cu atributul alt al imaginii;

— Subiect: denumirea secției căreia îi aparține produsul;

— Evaluare: 5 stele;

— Cuvinte cheie: cuvinte cheie din pagina secțiunii căreia îi aparține produsul;

— Comentarii: descrierea produsului din câmpul „Despre produs” de pe pagina produsului;

— Dimensiuni: dimensiune maximă originală;

— Lățime: dimensiune maximă originală;

— Înălțime: dimensiunea originală maximă;

— Rezoluție orizontală: valoarea inițială maximă;

— Rezoluție verticală: valoarea inițială maximă;

— Adâncimea culorii: valoarea maximă originală;

— Proprietar: numele companiei;

— Computer: numele companiei.

Concluzie

După cum puteți vedea, există suficiente sfaturi și recomandări pentru optimizarea imaginilor din motoarele de căutare în sine pentru a avea o idee generală despre ceea ce trebuie făcut pentru ca site-ul să se poată clasa normal în căutarea de imagini. Multe dintre recomandări se suprapun, unele sunt unice. Pentru a implementa majoritatea recomandărilor, sunt suficiente acțiuni unice, datorită cărora se va obține un rezultat pozitiv stabil. Nu neglijați oportunitatea de a atrage un număr semnificativ de vizitatori la resursa dvs. Ar trebui să postați întotdeauna cât mai mult conținut grafic posibil, datorită căruia site-ul poate câștiga încrederea vizitatorilor obișnuiți și noi.

În această epocă tehnologii mobile optimizarea imaginii în Formate PNGși JPG, JPEG au devenit din nou relevante, deoarece era relevant în acele zile când internetul tocmai intra în viața noastră și era universal lent și dial-up. Internetul mobil, desigur, nu este în întregime corect în comparație cu dial-up-ul, dar în locurile în care conexiunea este slabă, viteza de acces este destul de scăzută. Și chiar și în acele zile, utilizatorul nu avea încotro și trebuia să aștepte ca pagina să se încarce. Acum internetul a crescut, există o selecție mare de site-uri. Utilizatorul a devenit capricios și nerăbdător, iar timpul mediu de încărcare a paginii a scăzut foarte mult. Este mai ușor pentru utilizator să găsească un alt site mai rapid.
Da, iar giganții de căutare precum Google sau Yandex au început să acorde atenție cât de repede se încarcă site-urile, dând preferință în rezultatele căutării celor care sunt mai rapide. Greutatea paginii joacă, de asemenea, un rol important în acest sens, care, la rândul său, depinde foarte mult de greutatea imaginilor aflate pe ea. Este destul de evident că a avea imagini compacte, comprimate este benefic pentru toată lumea. Prin urmare, aici vreau să vorbesc despre cum să vă pregătiți fișierele PNG și JPG, JPEG pentru încărcare pe găzduire.

Optimizarea de bază a imaginii

Aceasta implică tăierea câmpurilor inutile, reducerea adâncimii culorii, eliminarea comentariilor și salvarea imaginii într-un format adecvat. Pentru a face acest lucru, puteți folosi Adobe Photoshop sau, dacă nu îl aveți, MS Paint sau GIMP.
Chiar și decuparea de bază a imaginii va reduce greutatea acesteia destul de bine.

Cum să faci o imagine mai mică în MS Paint

Folosind MS Paint ca exemplu, vă voi arăta cum să reduceți o imagine la dimensiunea necesară.
Să luăm, de exemplu, sigla NGINX și imaginea sa nginx.png care măsoară 2000x417 pixeli, care trebuie tăiată la 1024 în lățime, deoarece Aceasta este lățimea aspectului paginii și nu are rost să faceți mai mult.

Rezultatul este o imagine care a suferit o optimizare de bază minimă. Este timpul să trecem la comprimarea greutății ei.

Optimizator de fișiere pentru PNG și JPG, compresie JPEG

Cel mai simplu și cale rapidă obțineți o compresie optimă a imaginii fără pierderea calității - utilizați programul Optimizator de fișiere

Site-ul oficial și descrierea programului :

Descărcați File Optimizer poti cu

Descriere . Este un optimizator eficient nu numai pentru imagini, ci și pentru .pdf, .docx, txt și alte fișiere text, audio și video, precum și pentru arhive. Lista plina extensiile acceptate pot fi găsite la Pagina Oficială proiect.
Iată câteva dintre utilitățile folosite în lucrare: AdvanceCOMP, APNG Optimizer, CSSTidy, DeflOpt, defluff, Gifsicle, Ghostscript, jhead, jpegoptim, jpegtran, Leanify, mozjpeg, MP3packer, mp4v2, OptiPNG, PngOptimizer, PNGOUT, pngquant, pngrewrite, pngwolf tipress,-htmlRe, pngwolf tipress,-z5Gcom. Cred că chiar și această listă parțială este destul de impresionantă.

Instalarea și utilizarea File Optimizer

Mai întâi, descărcați cea mai recentă versiune a programului fie sub forma unui program de instalare, fie sub formă de arhivă cu fișiere. Apropo, arhiva are o versiune pentru versiunile de Windows pe 32 și 64 de biți.

Interfața este destul de simplă și intuitivă.
Nu are nevoie de setări, dar puteți personaliza unele formate pentru dvs. folosind butonul Opțiuni...
Utilizare . Fie trageți și plasați fișierele necesare și chiar folderele (directoare) în fereastra programului, fie le selectați pe cele de care aveți nevoie prin meniul Adăugați fișiere....
Pentru a optimiza fișierele, faceți clic pe Optimizați toate fișierele

Fișierele optimizate vor înlocui fișierele sursă, iar ierarhia categoriilor va fi, de asemenea, păstrată. Vizavi de fiecare fișier, vor fi afișate statistici, cât cântărește versiunea optimizată ca procent din dimensiunea fișierului original.
După finalizarea lucrării, statisticile privind numărul de fișiere procesate vor fi afișate mai jos în linia de stare, precum și cât a fost salvat.

După părerea mea, File Optimizer își face treaba foarte bine.
Singurul negativ este că, dacă lista de fișiere este mare, puteți aștepta mult timp pentru rezultate, dar merită.

Dacă sunteți interesat de detalii despre metodele de optimizare care pot fi configurate în felul dumneavoastră, atunci vom vorbi despre configurarea și utilizarea utilităților pentru compresia imaginii

Comprimați PNG fără a pierde calitatea

Să ne uităm la 3 programe pentru optimizarea PNG:

  • Adobe Photoshop
  • OptiPNG
  • PNGOUT

Să le comparăm în ceea ce privește calitatea compresiei imaginii. Vom comprima nginx.png din secțiunea anterioară. Greutatea inițială este de 27,5 KB.

Comprimați PNG folosind Adobe Photoshop

Primul de pe listă este Photoshop, care este bine cunoscut de toată lumea. Un procesor multifuncțional pentru un designer care poate face aproape orice, inclusiv comprimarea imaginilor.
Deschideți în Photoshop Fișier-Salvare pentru Web sau folosiți o combinație Alt+Shift+Ctrl+S

Ca rezultat, obținem 22,7 KB, adică s-a redus cu 17,5%

Din păcate, majoritatea programelor de grafică nu pot debloca întregul potențial al algoritmilor utilizați pentru comprimarea PNG-urilor. Motivul principal Ideea este că pentru a determina strategia optimă de compresie, aceștia folosesc algoritmi euristici care le permit să estimeze eficiența anumitor parametri fără a efectua compresia, ceea ce, ca urmare, are ca rezultat un procent mare de erori. Prin urmare, pentru a comprima PNG folosim utilități special create în acest scop, și anume OptiPNG și PNGOUT.

Utilizarea OptiPNG pentru a comprima PNG

Cum se instalează și se utilizează OptiPNG

Am descărcat .exe, l-am încărcat în C:\Windows, am luat fișierul PNG dorit și l-am pus într-un folder. Acum, folosind FAR Manager sau un alt manager de fișiere cu suport pentru consolă, accesați acest folder și introduceți comanda în consolă

Optipng -o7 nginx.png

Comanda vă obligă să comprimați PNG-ul din folder. Mai târziu ne vom uita la o opțiune simplă despre cum să faceți compresia cu un singur clic.
Dar mai întâi, să aruncăm o privire asupra rezultatului.

18,8 KB, adică s-a redus cu 31,6%, aproape o treime. Nu e rău deloc, nu-i așa? Photoshop a ieșit mult mai rău.

Utilizarea PNGOUT pentru a comprima PNG

Cum se instalează și se utilizează PNGOUT

Totul este exact la fel ca pentru OptiPNG. Descărcați PNGOUT.exe, plasați-l în C:\Windows, deschideți-l în manager de fișiere, De exemplu, Manager îndepărtat folder cu PNG, iar pe linia de comandă scrieți

Pngout nginx.png

Rezultatul este mai jos

Rezultatul este de 23,4 KB, adică a reusit sa se comprima cu 15%. Foarte bun.

În general, o să spun imediat că am avut rezultate diferite cu fișiere diferite, în unele locuri PNGOUT a funcționat mai eficient, în altele OptiPNG, așa că vă sfătuiesc să rulați imaginile una câte una prin ambele utilitare.

Cum să comprimați rapid PNG în OptiPNG și PNGOUT

Creați un fișier png.reg și scrieți acolo datele de registry

Windows Registry Editor Versiunea 5.00 @="Run OptiPNG on Folder" @="cmd.exe /c \"TITLE Rularea OptiPNG pe %1 && FOR /r \"%1\" %%f IN (*.png) DO optipng -o7 \"%%f\" \"" @="Rulează PNGOUT pe dosar" @="cmd.exe /c \"TITLE Rulează PNGOUT pe %1 && FOR /r \"%1\" %%f IN (*.png) DO pngout \"%%f\" \""

Apoi rulați acest fișier și scrieți datele în registry Windows.
Acum, când faceți clic pe un folder cu fișiere PNG care trebuie comprimate, selectați comenzile de care aveți nevoie, compresia va avea loc automat pentru toate imaginile simultan.

Pentru a elimina totul din meniul contextual, scrieți următorul cod în png.reg și rulați-l

Windows Registry Editor Versiunea 5.00 [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\OptiPNG] [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\OptiPNG\command] [-HKEY_LOCAL_MACHINE\SOFTWARE\SOFTWARE\SOFTWARE\SOFTWARE\SOFTWARE\ -HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\PNGOUT\command]

Comprimare JPG, JPEG fără pierderi de calitate

Pentru optimizarea JPG, JPEG, prin analogie cu PNG, există utilitare: jpegtran și jpegoptim. Desigur, puteți folosi Photoshop, dar pentru compresia JPG și JPEG vă recomand cu căldură să le folosiți.

Cum se instalează, se configurează și se utilizează jpegtran

jpegtran este un utilitar puternic care vă permite să efectuați compresie JPG simplă fără pierderi de calitate, compresie cu un anumit nivel de anti-aliasing și chiar conversie în JPEG progresiv.
Puteți descărca jpegtran de aici http://jpegclub.org/jpegtran/ (căutați și descărcați jpegtran.exe).

Cum să comprimați JPG, JPEG folosind jpegtran

Încărcați jpegtran.exe în C:\Windows
Apoi deschideți folderul cu JPEG dorit în Far Manager și intrați în consolă

Jpegtran -copy none -optimize -outfile min.1.jpg 1.jpg # Optimizare de bază 1.jpg # -copy none elimină metadatele din JPG # -optimize optimizează imaginea

JPG progresiv, JPEG

Acesta este un tip de JPG care, atunci când pagina se încarcă, arată mai întâi conturul general, apoi se încarcă și aduce calitatea imaginii la maximum. Foarte convenabil pentru lent internet mobil, și, prin urmare, trebuie utilizat.

Jpegtran -progressive -outfile 1.jpg 1.jpg # Transformă formatul 1.jpg în Progressiv

Cum să verificați dacă o imagine este un JPEG progresiv

Caracteristici avansate ale jpegtran

Iată toate opțiunile posibile pentru utilizarea jpegtran

Jpegtran --help usage: jpegtran inputfile outputfile Comutatoare (numele pot fi prescurtate): -copy none Copiați nici un marcator suplimentar din fișierul sursă -copiați comentariile Copiați numai marcatorii de comentariu (implicit) -copy all Copiați toți markerii suplimentari -optimizez Optimize Huffman table ( fișier mai mic, dar compresie lentă) -progresiv Creați fișier JPEG progresiv Comutatoare pentru modificarea imaginii: -decupați LxH+X+Y Decupați într-o subzonă dreptunghiulară -întoarceți imaginea în oglindă (stânga-dreapta sau sus-jos) -scale de gri Reduceți la tonuri de gri ( omiteți datele de culoare) -perfect Eșuează dacă există blocuri de margine netransformabile -rotiți Rotiți imaginea (în sensul acelor de ceasornic) -scale M/N Scala imaginea de ieșire cu fracțiune M/N, de exemplu, 1/8 -transpune Transpunere imagine -transversală Transpunere transversală imagine -trim Aruncă blocuri de margine netransformabile - șterge LxH+X+Y Șterge (gri) o subzonă dreptunghiulară Comutatoare pentru utilizatori avansați: -aritmetică Utilizați codare aritmetică -repornire N Setați intervalul de repornire în rânduri sau în blocuri cu B -maxmemory N Memoria maximă de utilizat (în kbytes) -outfile name Specificați numele pentru fișierul de ieșire -verbose sau -debug Emite ieșire de depanare Comutatoare pentru vrăjitori: -scanează fișier Creați JPEG multi-scanare per fișier script

Cum să comprimați rapid automat JPEG folosind jpegtran în Windows

Nu veți putea comprima prin meniul contextual datorită modului în care funcționează utilitarul, cu toate acestea, puteți configura automat comprimarea mai multor JPEG simultan.
Pentru a face acest lucru, trebuie să creăm un fișier cu extensia .bat (pentru a ajuta) și să îl scriem acolo

Cd/d. pentru %%j în (*.jpg) apelați:sheensay "%%~nxj" "%%~nj.jpg" goto:eof:sheensay jpegtran -copy none -optimize -progressive "%~1" "%~2 "

Cum se instalează, se configurează și se utilizează jpegoptim

Cum să comprimați JPG, JPEG folosind jpegoptim

Încărcați jpegoptim.exe în C:\Windows. Apoi deschideți folderul cu imagini JPG folosind Far Manager și intrați în consolă

Jpegoptim *.jpg --strip-all --all-progressive

Cum să optimizați mai multe JPG-uri, JPEG-uri simultan folosind jpegoptim

Spre deosebire de jpegtran, utilitarul jpegoptim vă permite să lucrați cu el destul de bine din meniul contextual.
Să creăm un fișier jpegoptim.reg, de exemplu, folosind Far Manager și să scriem acolo

Windows Registry Editor Versiunea 5.00 @="Run jpegoptim on Folder" @="cmd.exe /c \"TITLE Rulează jpegoptim pe %1 && FOR /r \"%1\" %%f IN (*.jpg) DO jpegoptim *.jpg --strip-all --all-progressive \"%%f\" \""

L-am lansat și am introdus datele în registru. Acum puteți comprima multe fișiere JPEG folosind meniul contextual, doar puneți imaginile dorite într-un folder, RMB și „Run jpegoptim on Folder”.

Dacă doriți să eliminați jpegoptim din registry și din meniul contextual, scrieți jpegoptim.reg

Windows Registry Editor Versiunea 5.00 [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\jpegoptim] [-HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\jpegoptim\command]

Salvați, rulați, faceți modificări în registry.

Cât de bine comprimă jpegtran și jpegoptim jpg, jpeg

Să trecem la teste. Luați, de exemplu, fișierul caching.jpg. În original cântărește 29,5 KB

Teste Jpegtran pentru calitatea compresiei JPG, JPEG

jpegtran -copy none -optimize -progressive caching.jpg caching.jpg

Ieșirea a fost de 29,1 KB, compresie economisită cu 1,36%

Teste Jpegoptim pentru calitatea compresiei JPG, JPEG

jpegoptim caching.jpg --strip-all

Acest lucru nu este vizibil în Windows Explorer; compresia a fost de câteva sute de octeți.

Ei bine, fișierul original a fost destul de bine pregătit, așa că compresia nu a avut niciun efect vizibil, dar când procesați imaginile neoptimizate, veți fi uneori surprins de cât de mult puteți economisi în dimensiune.

Cum se configurează automat compresia png și jpg, jpeg

Dacă ați citit această secțiune, dar sunteți încă nemulțumit de opțiunile oferite, vă sugerez să montați singur o mașină de recoltat portabilă - un serviciu de comprimare a imaginilor, fotografiilor, imaginilor care va funcționa așa cum aveți nevoie chiar pe desktop.

Trebuie să fie preinstalat jpegtran, jpegoptim, optipng, pngout Yu
Instrucțiunile de instalare sunt mai sus.

Deci, pentru aceasta, trebuie să asamblam corect arhitectura folderului. Să presupunem că aveți un folder de imagini cu propria sa ierarhie de subdosare cu PNG și JPG pe care trebuie să le procesați.
Creați un folder optimus, puneți folderul imagini cu toate subfolderele și fișierele sale în el.
Deschideți , deschideți optimus în el, creați un fișier go.bat acolo și scrieți-l acolo

@ECHO OFF CLS SetLocal EnableExtensions EnableDelayedExpansion set home_path=%~dp0:: Numele folderului în care se află imaginile brute set folder=images echo Processing *. fișiere JPG via jpegtran:: Creați un folder în care va fi stocat jpg-ul comprimat. În cazul nostru, acesta este jpeg_images xcopy /y /t /c /i „%folder%” „jpg_%folder%” :: Pentru fiecare.jpg optimizăm cu folosind jpegtran. Output.jpg va fi scris în jpeg_images pentru /r %folder% %%a în (*.jpg) do (set fn=%%a& jpegtran -copy none -optimize -progressive -outfile %home_path%jpg_!fn:%~ dp0 =!%home_path%!fn:%~dp0=!) echo Procesarea fișierelor *.JPG prin jpegtran este încheiată:: Indicăm că rularea ar trebui să fie acum efectuată într-un folder nou jpeg_images set folder = jpg_%folder% echo Procesarea fișierelor *.JPG prin jpegoptim pentru /r %folder% %%a în (*.jpg) do (set fn=%%a& jpegoptim %%~a --strip-all) echo Procesarea fișierelor *.JPG prin jpegoptim finalizat echo Procesarea fișierelor *.PNG prin optipng xcopy /y /t /c /i „%folder%” „png_%folder%” pentru /r %folder% %%a în (*.png) do (set fn=%%a& optipng -o7 %% ~a -out %home_path%png_!fn:%~dp0=!) echo Procesarea fișierelor *.PNG prin optipng este finalizată set folder=png_%folder% echo Procesarea *. Fișiere PNG prin pngout pentru /r %folder% %%a în (*.png) do (set fn=%%a& pngout %%~a) echo Procesarea fișierelor *.PNG prin pngout pauza finalizată

Codul este comentat în părți importante. De fapt, nimic complicat, poți să-ți dai seama dacă ai nevoie.

Acum salvați go.bat și rulați-l.

Dacă există o mulțime de fișiere, compresia imaginii va dura ceva timp. Așteptați până când consola vă anunță că procesul s-a încheiat.

Comprimarea are loc prin separarea separată a fișierelor JPG, care acum sunt localizate în jpg_images, și a fișierelor PNG separat, care se află în png_images.

Dacă trebuie să modificați calitatea sau alți parametri, consultați descrierea utilităților de mai sus și modificați codul pentru a se potrivi nevoilor dvs.

Cum să optimizați și să comprimați GIF

In cele din urma

În acest articol, am încercat să acopăr cât mai detaliat posibil metodele de optimizare a PNG și JPG. Dacă aveți întrebări sau completări, scrieți în comentarii, vom discuta

Au fost testate mai multe dintre cele mai cunoscute programe de optimizare a imaginii. Permiteți-mi să fac o rezervare imediat: vorbim de algoritmi pentru reducerea semnificativă a dimensiunii fișierului, „cu pierderi” („cu pierderi”). Comprimarea JPEG fără pierderi nu prezintă un interes deosebit, deoarece JPEG este în sine un format pentru stocarea imaginilor „cu pierderi”, iar compresia fără pierderi prin orice mijloace oferă un câștig maxim de 3-5%. Aici vorbim despre programe care pot reduce dimensiunea fișierului de mai multe ori.

Apropo, optimizarea fișierelor încărcate de participanți a fost implementată de mult timp în Gallerix Art Club; se realizează automat în două etape: prima - imediat după încărcare (fără pierderi, se folosește Jpegtran) și a doua - după ceva timp cu programul JpegMini.

Dacă arhiva dvs. de acasă nu a fost niciodată optimizată și acum ocupă, de exemplu, 100 GB, este foarte posibil să reduceți această cifră de 2-2,5 ori (până la 45-50 GB) fără a interveni în calitatea imaginii și de 3-4 ori. (până la 20- 25 GB) cu o scădere ușoară, nu foarte vizibilă, a calității.

Câteva despre partea tehnică a întrebării. Pe scurt, munca instrumentelor de compresie a imaginii poate fi comparată cu inventarea ratei de biți variabile pentru fișierele audio. Secțiunile audio care sunt mai saturate cu diverse sunete sunt codificate cu o rată de biți mare, liniște - cu cea mai mică. Spre deosebire de fișierele audio cu o rată de biți constantă, formatul JPEG are deja o optimizare încorporată, a cărei putere este determinată de setarea de calitate stabilită la salvarea fișierului din orice program. Activitatea serviciilor de compresie a imaginilor se bazează, de asemenea, pe abordarea cu rata de biți variabilă - identificarea fragmentelor de imagine a căror codificare poate fi neglijată cu viclenie pentru a economisi spațiu pe disc.

În aceste scopuri, pe piață există mai multe soluții comerciale și, potrivit multor colegi ruși și străini, JpegMini este numărul unu în ceea ce privește un set de parametri. Scopul acestui test este de a pune toate instrumentele comerciale și gratuite pentru optimizarea imaginii unele cu altele pentru a reîmprospăta „tabelul de clasamente”.

Fișiere sursă

Primul dintre ei - filmat de mână pe un telefon mobil de altădată - Notă Samsung II, cu rezoluție minimă de fișier. Fiecare dintre noi are milioane de astfel de fotografii, astfel de fișiere nu sunt premiate cu calitate, sunt multe și de obicei sunt puțin neclare și foarte granulate.

Al doilea fișier este de origine complet tehnică - este un tabel de gradient generat folosind Adobe Photoshop și salvat cu o calitate 100%. Schimbările vizibile în procesarea acestui tabel vor servi la evaluarea calității finale.

Al treilea fișier a fost filmat cu o cameră de amator „medie” Panasonic GF3, în modul manual automat. Aceasta este o cameră de sistem de uz casnic, fără oglinzi, dar cu lentile interschimbabile. Datorită stabilizării optice, claritatea este mai bună aici; nu este un telefon mobil, dar zgomotul este aproape același.

Ultimul fișier este de pe Unsplash.com, de Karl Fredrickson. Servește ca exemplu de fotografie făcută aparat de fotografiat profesional cu optică scumpă.

Instrumente

JpegMini

JpegMini, program plătit. Există versiuni pentru 20 și 149 USD, precum și o versiune de server costisitoare. Versiunile desktop funcționează la fel, cea mai tânără are două limitări: în viteza de procesare și în rezolutie maxima fișier (28MP), cel mai vechi este limitat de dimensiunea fișierului (60MP). Funcționează pe Windows și Mac.

TinyJPG

Mânca versiunea platita sub forma unui plugin pentru Adobe Photoshop (50 USD) și a unei versiuni online gratuite cu restricții privind dimensiunea fișierului și numărul de descărcări pe zi (care, însă, este foarte ușor de gestionat). Pluginul funcționează și pe Windows și Mac. Primele 500 de fișiere pe lună prin API sunt gratuite, apoi 0,009 USD per fișier.

Compresor.io

Renumit serviciu online. Singura limită este dimensiunea maximă a fișierului, 10 MB.

Kraken.io

Un serviciu profesional popular în Occident, cu tarife mari și cote stricte. Versiunea online gratuită este limitată dimensiune maximă fișierul are 1 MB și cu greu poate fi perceput ca un instrument. Aceasta nu este altceva decât o versiune demonstrativă - o cameră de amator obișnuită nu este capabilă să producă un fișier mai mic de 2-3 MB. Tarife pentru Utilizarea API-uluiîncepe de la 5 USD pe lună pentru un volum primit de 500 MB.

ConvertImage.net

Un set de instrumente online pentru procesarea imaginilor, inclusiv un compresor Jpeg. Complet gratuit.

Jpeg-Optimizer.com

Serviciu online. Complet gratuit și fără restricții. Mânca setare manuală nivelul de compresie.

Optimizilla.com

Serviciu web gratuit. Același motor se găsește și pe alte domenii. Interfață multilingvă. Setarea manuală a nivelului de compresie (setarea apare după încărcarea imaginii). Nu mai mult de 20 de fișiere simultan.

DynamicDrive.com

Un set de instrumente gratuite de procesare a imaginilor online. Optimizat cu o limită de fișiere de 2,8 MB. Produce mai multe imagini gata făcute cu diferite niveluri de compresie din care să alegeți.

ShortPixel.com

Un serviciu nou cu multe diferite planuri tarifare, exista abonament cu plata lunara si tarifele pachetelor(10.000 de fișiere pentru 9,99 USD). Funcționează prin API sau interfață web (până la 20 de fișiere simultan). Limita de dimensiune a fișierului în versiune online gratuită- până la 10 MB.

ACDSee Ultimate

ACDSee Ultimate 9, un program profesional de organizare și procesare a imaginilor pentru Windows. Salvare cu „Optimizați codurile Huffman” și „Eșantionarea componentelor de culoare” activate, calitate 70%. Programul este plătit, prețul începe de la 40 USD pentru cea mai modestă versiune, dar multe au setări similare programe gratuite. Acesta este un exemplu de economisire pură cu puțină optimizare fără pierderi.

JPEG „curat”.

Salvarea unui fișier cu o calitate de aproximativ 70% (9 din 12) din Adobe Photoshop CS6, o variație a formatului „de bază”. Iată un JPEG pur folosind doar capacitățile formatului, „cel mai jos punct de referință”, disponibil gratuit din orice program care poate salva în format JPG.

Acum puțin despre cei care au fost uitați și de ce. Cu siguranță veți găsi acest lucru pe Google dacă încercați să găsiți singur optimizatori, așa că este imposibil să nu vorbiți despre ele.

Cred că unui utilizator neexperimentat cu un fișier nu foarte de calitate, rezultatul tuturor instrumentelor va părea acceptabil. Diferențele dintre calitatea originală și fișierul optimizat cu artefacte nu merită cuvinte când vine vorba de fotografii vechi neclare din arhiva de acasă. Tot ce se spune mai jos se referă în principal la foto-esteți. La nivel de amatori, toate instrumentele dau rezultate destul de potrivite; doar dimensiunea finală a fișierului contează.

JpegMini și Kraken se aflau în partea de jos a tabelului, sortate după dimensiunea fișierului final, dar numai aceste două tehnologii comprimă fișierul, salvând imaginea complet sincer. În categoria „10 puncte”, JpegMini arată mai atractiv din toate părțile.

Cu o imagine puțin mai puțin acceptabilă, sa dovedit că Compressor.io comprimă mai bine fișierele mici, iar Optimizilla.com le comprimă pe cele mari, dar aceasta este o concluzie foarte arbitrară în cadrul acestui test.

Luând în considerare raportul dimensiune/calitate, ceea ce este sub nouă în tabel, dar are scoruri mai mici când marime mai mare dosar - nu prezintă interes practic. Iar deasupra „nouă” există doar două servicii.

Cel mai recent serviciu s-a dovedit a fi interesant - ShortPixel. Artefactele sunt foarte vizibile, dar dacă comprimați imaginea la această dimensiune folosind cel mai mult format JPG- imaginea se dovedește vizibil mai proastă. ShortPixel este mai orientat spre API și relativ ieftin, dar foarte distructiv pentru imagine.

TinyJPG sub formă de plugin este mai modest, ceea ce probabil este făcut corect. Este încă mai bun decât toate celelalte în ceea ce privește dimensiunea fișierului, dar artefactele sunt puțin mai mici decât cele ale versiunii online.

O caracteristică interesantă a TinyJPG sub forma unui plugin: după procesare, fișierul poate fi fie de 8-10 ori mai mic decât dimensiunea originală, fie de una și jumătate până la două ori mai mare.

Imaginea de testare nr. 2 a fost cel mai bine comprimată de ShortPixel, dar pe majoritatea fișierelor cu un numar mare piese mici, câștigătorul este versiunea web a TinyJPG. Fișierul se dovedește mai mic, iar imaginea originală nu este la fel de deformată. Cu toate acestea, TinyJPG permite un fișier nu mai mare de 5 MB și ShortPixel, chiar și în versiune gratuită, acceptă fișiere de până la 10 MB.

Un alt factor important de măsurare (pe lângă dimensiunea finală a fișierului) este ușurința în utilizare pe flux. De exemplu, dacă aveți sarcina de a optimiza o arhivă de acasă de 100 GB pentru prima dată, procesarea completă a acesteia folosind serviciile online va fi foarte laborioasă și va consuma mult timp din cauza limitărilor și a necesității de a încărca acest volum în porțiuni pe server. si inapoi. În ciuda faptului că, pentru un modest de 20 USD, cu JpegMini acest lucru necesită o mișcare a mouse-ului (la propriu: trebuie doar să trageți folderul rădăcină cu imagini în fereastra programului).

Apropo, pluginul TinyJPG pentru Photoshop nu este conceput ca un filtru, ci ca un canal de export, de exemplu. Nu este potrivit pentru crearea unui script de automatizare în PS. Corecție: puteți descărca scripturi de automatizare de pe site-ul producătorului care funcționează în orice versiune de Photoshop, iar în Photoshop CC, exportul printr-un plugin este o operațiune de procesare în lot. Pluginul nu are restricții - testat pe un fișier cu o rezoluție de 130MP (timpul de procesare este de aproximativ 7 minute pe un computer destul de puternic).

În general, pentru prelucrare în masă există doar două opțiuni - folosind API și JpegMini. Pentru procesarea prin API va trebui să plătiți pentru fiecare fișier procesat.

concluzii

  • Toate instrumentele care vă permit să obțineți un fișier relativ acceptabil dimensiune mai mică decât oferă JpegMini - sau degradează vizual imaginea și sunt inferioare acesteia ca ușurință de utilizare sau au o politică de preț mai puțin atractivă - închiriere pe timp sau fișier cu fișier față de o achiziție unică de la JpegMini.
  • Pentru cazurile în care calitatea imaginii este de o importanță capitală și dacă reducerea dimensiunii fișierului în detrimentul degradării vizuale este inacceptabilă, JpegMini rămâne cel mai bun instrument.
  • Pentru cazurile în care calitate fișiere sursă poate fi neglijat puțin de dragul compresiei, este logic să folosiți ambele versiuni de TinyJPG, în funcție de sarcină.
  • Dacă alegeți doar dintre compresoarele gratuite, cel mai bun aspect sunt Compressor.io și Optimizilla.com, care aproape nu strică imaginea, în ciuda faptului că fișierul final este vizibil mai mic decât JpegMini.
  • Proprietarii de site-uri de știri cu un flux mare de ilustrații, ale căror afirmații de calitate nu sunt atât de acute, au sens să acorde atenție ShortPixel și TinyJPG. Avantajele lor sunt tarifele accesibile, compresia înregistrărilor și lucrul prin API. Și dacă calitatea contează (dar banii nu contează), atunci are sens să conectați Kraken prin intermediul API-ului sau, în cazul volumelor foarte mari, al versiunii server a JpegMini.

revizuire