Cum de a reduce imaginea pentru site-ul
Optimizarea imaginilor - una dintre cele mai importante momente din optimizarea generală a unui site pe care mulți nu acorde atenție. Și totuși, acest moment are un impact semnificativ atât asupra comportamentului utilizatorilor pe resursa, iar clasamentul a site-ului.
Optimizați imaginile pot fi vizualizate în două moduri:
- scăderea în greutate a imaginilor pentru a crește viteza de încărcare a paginii;
- ca SEO componente - despre ptimizatsii - în acest caz, în plus față de reducerea greutății imaginilor sunt atribuite numele corespunzătoare și tag-urile alt sunt scrise.
În articolul de astăzi voi discuta optimizarea imaginii pentru a accelera pagina de încărcare - adică, reducerea greutății imaginilor.
Introducere: De ce reduce greutatea imaginilor de pe site-ul
Cred că toată lumea a cunoscut de mult timp că greutatea imaginii afectează viteza de încărcare de pagini.
Dacă timpul de așteptare depășește acest număr, vizitatorii pleacă, și chiar și atunci nu contează cât de frumoasă imaginea ta, nimeni încă nu se poate vedea.
Care ar trebui să fie greutatea imaginilor?
Imagine de optimizare reduce timpii lor de mai multe în greutate, fără o pierdere apreciabilă de calitate.
Image Greutatea este măsurată în kilobiți (KB) sau megabytes (MB), în funcție de dimensiunea în pixeli (înălțime și lățime), numărul de piese și dimensiunea imaginii.
Pentru a reduce greutatea imaginii:
- Determina dimensiunea imaginii care va fi afișată pe site-ul.
Nu încărcați imaginile sursă dintr-o dată. Dacă site-ul dvs. afișează o imagine cu dimensiuni de 500 * 600 pixeli, iar imaginea este descărcat de 3 ori mai mare, timpul de încărcare va fi aceeași ca și pentru original.
1. Cum de a reduce dimensiunea imaginii în Paint
1. Deschideți imaginea în Paint și faceți clic pe „Resize“ de pe panoul superior.
2. În fereastra care se deschide, introduceți dimensiunile cerute (puteți modifica procentul poate fi în pixeli. Paint implicit este o căpușă „Se va păstra raportul de aspect“. Acest lucru va reduce imaginea fără distorsiuni), faceți clic pe „OK“.
3. Salvați imaginea rezultată. Încercați să salvați imediat imagini cu nume descriptive, în viitor, acest lucru va simplifica lucrul cu ei mai ușor de găsit și încărcați site-ul.
Acum, compara imaginea originală și finală:
imaginea originală, cu dimensiuni de 2184 * 1456 PC și cântărind 735 KB după ce a fost redus la 750 * 500 PC-ul a fost de a se cântărește 142 KB - scădere în greutate de 5 ori!
În acest caz, diferența de calitate a imaginii redusă și sursa, în scădere script-uri (dacă este instalat pe site-ul) pe ochi nu este vizibil.
2. Cum de a reduce dimensiunea imaginii P hotoshop
2. Lățimea poate fi variată parametru s deschis fereastra (lățime). Înălțimea (înălțime) și rezoluția (Rezoluție). Mai mult decât atât, raportul de aspect caseta Keep (proporții) trebuie să fie marcate pentru a păstra proporțiile. În acest caz, atunci când unul dintre parametrii, altele sunt schimbate automat.
Editare grafica pe web este, rezoluția este 72pk / inch.
Vom introduce parametrii necesari și faceți clic pe „OK“.
3. Salvați imaginea.
Pentru a salva imaginea, există trei opțiuni:
Primele două - aceasta este o imagine de stocare comună, Vă recomandăm să utilizați un al treilea - în acest caz, este posibil să se reducă și mai mult greutatea în comparație cu o economie convențională fișierul.
Când selectați un salvat pentru Web în fereastra care se deschide, puteți seta parametrii:
În caseta din stânga a filele pe care le puteți selecta opțiuni de afișare: Original, optimizată, 2 Anta se fierbe (afișat simultan salvează și imaginea rezultată), opțiunea 4 (care arată imaginea originală, imaginea cu setările specificate, și intermediarul 2).
Aleg de obicei, opțiunea 2 (2-Up) - schimbarea calității puteți vedea simultan modificările din imagine și să aleagă cele mai bune pentru o anumită aplicație. Pentru un articol Sunt mulțumit de calitatea de 50, dar nu este o constantă, de multe ori am salva imagini în termen de 60-75.
Mai jos exemple de realizare a unei date afișate este afișată în imaginea finală în funcție de setarea prestabilită;
AkzoNobel, iar imaginea nu se va încărca linia de câteva abordări.
Probabil că a trebuit să se ocupe de astfel de cazuri, atunci când nu vedeți jumătate din imaginea încărcată, și în primul rând - plin - de proastă calitate, apoi - tot mai bine și mai bine. Dar, de la începutul încărcării unui utilizator are o idee despre imagine. progresiva in greutate poate fi mai mult de câteva kilobytes optimizate, dar diferența este neglijabilă. Practica arată că utilizatorii dzhipeg progresive percepute mai pozitiv.
Dacă doriți să redimensionați imaginea, acestea sunt stabilite în aceeași fereastră de mai jos.
Vom analiza rezultatele optimizării imaginii în Photoshop:
imaginea originală toate aceeași 2184 * 1456 pc. 735 Kb. după reducerea la 750 * 500 buc. în timpul 59KB normale sohranenii1 - greutate mai mare decât o scădere a Paint, Salvare pentru Web (la 50) - 63.7 Kb. Imagine Esit comprimat de 11,5 ori mai puțin. Nu uitați că pentru toate celelalte plusuri dzhipeg, de asemenea, progresiv.
În locul unei singure imagini optimizate nu este disponibil pentru descărcare 10 optimizat, iar acest lucru nu va afecta viteza de încărcare a paginii.
Desigur, în cazul în care imaginea originală a scăzut deja, optimizarea in continuare nu este atât de mare, dar țineți încă necesar.
Dacă imaginea originală este foarte mare, nu este recomandat să-l reducă imediat la dreapta mai bine ai face în câțiva pași pentru a crește claritatea optimizată.
3. Servicii online pentru optimizarea imaginilor
Deja miniaturi optimizate în continuare cu ajutorul serviciilor online. Pe Internet, ei au suficient, voi descrie cele două pe care le folosesc cel mai des.
Pentru formatele .jpg și .png. Acesta vă permite să descărcați până la 20 de imagini, în același timp, prezintă setări diferite de compresie pentru fiecare vizualizare și de a optimiza rezultatele în aceeași fereastră.
formate .jpg. png. GIF. Oferă 3 opțiuni de optimizare:
- de compresie lossy este lossy - selectată în mod implicit;
- Lossless - Lossless;
- Expert - cu o alegere a parametrilor de optimizare.
Încărcați fișiere care trebuie să fie optimizate.
La finalizarea serviciului de optimizare oferă raportarea rezultatelor. Pentru a încărca fișierul click pe butonul «Do w nload fișier» - imagine redusă se deschide în fila următoare.
Dacă mulțumit cu rezultatul, salvați imaginea (click pe imagine, faceți clic dreapta - Save as)
O interfață simplă pentru a optimiza rezultatul poate fi vizualizat imediat. Acesta funcționează numai cu format jpeg.
Serviciul de comprimare a imaginii în format JPG, PNG și GIF £ de performanță. E are o limitare în greutate la 500K și numărul 20 simultan.
4. Reducerea dimensiunii folosind plugin-uri de compresie a imaginii
Toate metodele de mai sus sunt relevante atunci când imaginile de pe site-ul nu sunt multe. Dacă resursa conține o bază de date foarte mare de imagini, atunci nu face fără o compresie imagine plug-in. Există mai multe plugin-uri bune pentru o varietate de CMS, și a plătit și gratuit, folosesc diferite algoritmi de compresie și de a produce rezultate diferite. Principalul lucru este de a alege cele mai potrivite pentru site-ul tau.
- Plugin-uri generație de pre de miniaturi.
În setările plugin pentru a specifica dimensiunea de miniaturi. Dimensiunile miniaturale sunt specificate la încărcarea unui fișier.
Avantajul acestei metode este că atunci când încărcarea numărul paginii de imagini nu afectează generarea paginii. Dar atunci când un număr mare de fișiere și miniaturi va crește și site-ul ocupat spațiu pe disc.
Imaginea este procesată pentru a genera o pagină, nu ocupă spațiu pe disc, dar un impact negativ asupra timpului de încărcare a paginii. Nu este recomandat pentru retragerea unui număr mare de imagini.
Este posibil să se combine împreună diferite plug-in-uri pentru a obține cele mai eficiente rezultate.
Sper că printre aceste metode, veți găsi cele mai bune pentru tine. Nu uita pentru a reduce imaginea de pe site-ul - utiliza în mod eficient conținutul lor.