Navigare rapidă în pagină:

  • Ce este și de ce este nevoie?
  • Modul de a face?

Optimizarea imaginilor pentru site se află pe lista „must have” pentru orice site serios, totuși, așa cum arată practica, în realitate, mulți webmasteri nu recurg întotdeauna la ea. Mărturisesc și nu fac întotdeauna asta. Acest articol a apărut în timp ce mă gândeam la el.

imaginii

Ce este și de ce este nevoie?

Înțelegerea acestei probleme este importantă pentru a nu optimiza de dragul optimizării (pe principiul „lasă-l să fie”).

Această acțiune urmărește în esență două obiective: - satisfacția motoarelor de căutare; - satisfactia utilizatorului.

În același timp, pentru un webmaster care își promovează site-ul, desigur, primul punct este mai semnificativ. Și anume, în prezent motoarele de căutare iau în considerare viteza de încărcare a site-ului ca unul dintre factorii de clasare a acestuia în rezultatele căutării. Desigur, acesta nu este cel mai important factor, dar dacă resursa dvs. nu este mai bună decât altele, dar în același timp se încarcă foarte lent, atunci, după cum înțelegeți, motorul de căutare nu va avea niciun motiv să o claseze mai sus, pe dimpotrivă, este destul de logic că se va clasa mai jos.

Dar și al doilea punct are o importanță directă — chiar dacă acest factor nu ar fi luat în considerare direct de motoarele de căutare, ar avea totuși o semnificație indirectă. Un site care se încarcă mai repede va atrage mai mult vizitatorul, astfel că vizitatorul mediu va prefera să parcurgă diferitele pagini ale acelui site, crescând factorii comportamentali. Dacă site-ul durează prea mult să se încarce, este mai ușor pentru utilizator să îl închidă și să meargă pe alt site, înrăutățind astfel factorii comportamentali.

Astfel, sarcina principală a optimizării este reducerea dimensiunii imaginilor - atât incluse în designul site-ului, cât și imaginile din articole, în timp cepentru a-i accelera încărcarea și, astfel, a obține un mic plus în clasament și factori comportamentali.

Modul de a face?

1. Folosim formatul corect

După cum știți, principalele formate de imagine de pe Internet sunt jpg, png png-8 și png-24) și gif. Fiecare dintre ele are propriul său scop și este foarte de dorit să-l urmați.

De exemplu, formatul png este considerat în prezent cel mai optim pentru grafică (png-8 — pentru imagini simple cu un număr mic de culori, png-24 — pentru imagini cu un număr mare de culori și transluciditate).

Formatul gif este acum învechit și este folosit în principal pentru animație. Este mai bine să facem butoane și pictograme obișnuite în png, deoarece cântăresc mai puțin (care este ceea ce încercăm să obținem) și arată mai bine în detalii complexe.

Formatul jpg este folosit pentru fotografii și imagini complexe mari.

Pe baza acestor reguli, trebuie să luați designul site-ului dvs. și să verificați în ce format sunt realizate toate imaginile - nu există elemente de design inutile în jpg sau gif și nu sunt folosite imagini în format png în postări (sau, mult mai rău, bmp și alte formate rare), care ar trebui să fie în jpg.

2. Lățimea și înălțimea imaginilor

Fiecare imagine ar trebui să fie încărcată numai în dimensiunea în care este afișată efectiv pe pagină. Apropo, aceasta este una dintre greșelile frecvente, deoarece webmasterii încarcă adesea poze prin intermediul adminului fără a le reduce dimensiunea. Drept urmare, pe pagină este afișată o imagine de 300x200, iar în realitate este încărcat un fișier de 900x600, sau chiar mai mult decât lățimea paginii site-ului.

Pentru a reduce dimensiunea, folosesc personal editorul gratuit Paint.net - este un editor foarte simplu și bun, cu tot ce aveți nevoie pentrufunctii de optimizare. Există, desigur, Photoshop, dar în aceste scopuri consider că utilizarea lui este inutilă.

În Paint.net, trebuie doar să deschideți o fotografie, să apăsați CTRL+R și să setați lățimea dorită în fereastră, iar înălțimea va fi schimbată automat. Dacă apoi trebuie să tăiați înălțimea, atunci trebuie să selectați zona dorită (dimensiunile acesteia vor fi afișate în partea de jos a programului) și să apăsați CTRL+SHIFT+X.

3. Dimensiunea fișierului

Pe lângă modificarea lățimii și înălțimii, cel mai important indicator este dimensiunea fișierului. Dacă nu aveți un portal foto, atunci credeți-mă, utilizatorii nu au nevoie deloc de fotografii cu o calitate jpeg de 100%, nu vor vedea nicio diferență între calitatea de 90% și 100%, iar dimensiunea fișierului va fi redusă semnificativ prin aceasta schimbare singur. Puteți reduce până la 60-80% - asigurați-vă doar că calitatea nu este compromisă.

Fac această operațiune din nou în același Paint.net - faceți clic pe „Salvare ca” pe fișierul jpeg deschis (CTRL+SHIFT+S) și apoi la salvare vi se va cere să alegeți calitatea. Operația durează aproximativ 2 secunde))

4. Faceți un filigran?

Pe multe site-uri, puteți vedea o semnătură cu adresa URL a proiectului corespunzător și/sau logo-ul acestuia în partea de jos a imaginii. Un astfel de filigran poate fi realizat în mai multe moduri - se poate face în Photoshop (inclusiv automat folosind acțiune), se poate face în Paint.net, se poate face folosind instrumente PHP sau plugin-uri pentru WordPress.

O altă întrebare este dacă ar trebui aplicată?

Aici, IMHO meu pur personal este că are sens să o aplic acelor fotografii și imagini care sunt fotografiate, realizate, desenate, create de tine. Acest lucru vă va proteja drepturile de autor, deoarece altfel munca dvs. va fi copiată cel mai probabil de zeci de resurse și nu veți putea face nimic în acest sens.

Daca este vorba despre ceea ce postezipe pagina ta o poză pe care ai găsit-o pe Internet (folosind aceleași imagini Google sau Yandex), apoi, după părerea mea, este incorect și lipsit de etică să pui un filigran pe ea.