Este mai bine să ai o imagine mai mică, dar mai bine
Cum de a diminua imaginea la jumătate, menținând în același timp calitatea acesteia? Cum de a reduce numărul de utilizatori care nu au așteptat încărcarea paginii dvs.? Secrete mici pentru optimizarea imaginilor pentru Internet.
Asta e tot! În cele din urmă, pagina WEB este gata, iar tu poți începe să îi ceri primilor prieteni și cunoștințe, apoi toate celelalte. Înainte de a face acest lucru, vă sfătuiesc să evaluați cât de mult este încărcată pagina cu grafică. Se crede că dimensiunea optimă a primei pagini, inclusiv toate textele, imaginile și fișierele audio - tot ce va fi încărcat - nu trebuie să depășească 35-40 kilobiți. Potrivit unui studiu efectuat de un centru de marketing american, fiecare creștere suplimentară a dimensiunii paginii cu 10 kilobyte "reduce" 10% din potențialii vizitatori. Ei pur și simplu nu au răbdarea să aștepte până când capodopera este încărcată. Dacă pagina sa dovedit a fi greoaie, atunci, cel mai probabil, imaginile nu sunt optimizate pentru Internet.
Care este diferența dintre JPEG și GIF?
Care este diferența dintre modul de gândire sovietic și modul de gândire american? Ambele țări au dezvoltat un nou satelit. Este foarte necesar, dar este prea greu, nu poate fi lansat în spațiu. Americanii stau și se gândeau: "Oh, cum să faci astfel de jetoane, astfel încât acest lucru să cântărească mai puțin". Și oamenii de știință ruși cred că. "Oh, cum să faci o astfel de rachetă, să aduci toată bandura în orbită".
Fotografiile de pe web sunt stocate în principal în două forme - JPEG sau GIF, fără a număra alte câteva, care utilizează doar un număr mic de utilizatori. Fiecare dintre aceste formate are avantaje și dezavantaje pe care trebuie să le cunoașteți pentru a vă asigura că dimensiunea fișierului este minimă, de bună calitate.
Ce format trebuie să aleg?
JPEG
JPEG este ideal pentru imagini în care apare un număr mare de culori. De exemplu, pentru fotografii. În JPEG, alegeți calitatea imaginii salvate - de la 100% la 10-15% (mai puțin nu are sens - imaginea devine prea rea). Utilizați o calitate scăzută când imaginea neclară nu este semnificativă - de exemplu, în imaginea de fundal. Cea mai obișnuită greșeală este utilizarea JPEG în bannere sau imagini, unde există text. Din moment ce JPEG salvează imaginea cu o pierdere de calitate (mică sau mare, dar totuși o pierdere), textul va fi neapărat șters. Prin urmare, trebuie să vă amintiți o dată pentru totdeauna: dacă există text în imagine, trebuie să îl salvați în GIF.
GIF salvează imaginea fără pierderi, dar din acest motiv poate deveni prea mare. Prin urmare, este logic să aplicați GIF numai pe acele imagini în care numărul de culori este limitat la mai multe duzini. De exemplu, în logo-urile companiilor, desene (în special negru și alb), elemente mici de pagini WEB, cum ar fi butoane, rigle sau anteturi. Imaginile foarte mici sunt, de asemenea, recomandate a fi salvate în GIF, deoarece JPEG introduce prea multe distorsiuni în imagini cu detalii mici.
PHOTOSHOP: reduceți imaginea în timp ce salvați
Să presupunem că decideți ce format să înregistrați o imagine, - JPEG sau GIF. Vedeți că rezoluția imaginii dvs. este de 72 pixeli pe inch - mai mult pentru monitor nu este necesară. În meniul PHOTOSHOP, selectați "Image" - "Image Size" - "Resolution = 72". Elementul "proporții" trebuie să fie bifat (astfel încât atunci când dimensiunea este schimbată, imaginea nu este comprimată sau aplatizată), iar elementul "size size" nu este.
JPEG este păstrat foarte simplu. În meniul "Fișier" - "Salvare ca" - "Salvare JPEG (* .JPG)". Încercați mai întâi să salvați o imagine cu o calitate scăzută (modul "calitate scăzută") sau, în cazuri extreme, "calitate - medie". Dacă rezultatul este nesatisfăcător, încercați să măriți dimensiunea imaginii astfel încât detaliile de pe ea să nu fie neclară. Vedeți cum arată imaginea după toate perturbațiile, puteți de la orice alt program, de exemplu, din browser.
Pentru formatul JPEG, ascuțirea imaginii crește automat dimensiunea acesteia. Dacă imaginea necesită o claritate mai mare, încercați mai întâi să aplicați filtrul "sharpness edge". Oferă un rezultat bun, cu o ușoară creștere a fișierului.
Salvați GIF este oarecum mai complicat - mai multe opțiuni. Să începem. Pentru a converti un fișier în format GIF, selectați "Culori indexate" din meniu. Va apărea o fereastră în care trebuie să selectați un mod.
Rezoluția ar trebui să fie de 3, 4 sau 5 biți pe pixel, ceea ce înseamnă că imaginea este salvată cu 7, 15 sau 31 de culori. Mai multe culori nu au prea mult sens în cele mai multe cazuri, deoarece acestea umflă prea mult dimensiunea fișierului. Cu cât imaginea este mai mare, cu atât este mai mică rezoluția de culoare pe care ar trebui să o stocați. Experiment traduce imaginea în diferite moduri și, în cazul în care rezultatul nu este place, returnați-l înapoi, făcând clic pe meniul photoshop „Edit“ - „Undo“ sau CTRL + Z.
Nu uitați de opțiunea "Paletă". Dacă imaginea constă dintr-un număr mic de culori și are suprafețe mari de aceeași culoare, atunci este mai bine să utilizați paleta "Adaptate" cu o setare "neasignată". Dacă salvați o fotografie mică, atunci "Personalizare" - "Random" este mai bună. Distribuția "aleatorie" a culorilor face dimensiunea fișierului mai mare, dar uneori fotografia este transmisă mai precis. Vă sfătuiesc să încercați întotdeauna să setați setarea "Nu este specificată" și dacă sunteți mulțumit de calitatea imaginii, opriți-o.
Dacă nu se va schimba fundamental imaginea (de exemplu, adăugarea unui element grafic în meniu sau numele butonului), apoi data viitoare când nu va trebui să sufere, alegând setările de optimizare. Paleta - culorile care alcătuiesc imaginea - puteți înregistra și utiliza. Pentru a face acest lucru, faceți clic pe meniul "Mod" - "Culoare tabel" - "Salvare". Când traduceți în GIF, selectați "Paletă" - "Personalizat" și apoi - "Încărcați" paleta salvată.
Ce nu aveți nevoie
1. Cel mai important lucru nu este să inserați multe imagini mari într-o singură pagină. De exemplu, atunci când faceți un album foto, este mai bine să dați o mulțime de fotografii mici, făcând clic pe care cititorul va putea arăta grozav. Vreau să observ că corectarea în pagina HTML a parametrilor WIDTH și HEIGHT, responsabili de dimensiunea afișată a imaginii, nu aduce aproape nimic. Imaginea va arăta cu adevărat mică, dar va fi încărcată atâta timp. Apropo, parametrii WIDTH și HEIGHT trebuie să fie prezenți, astfel încât browserul să poată afișa pagina fără să aștepte încărcarea completă a imaginilor. Pentru a reduce imaginea din meniul PHOTOSHOP, selectați "Image" - "Image Size" și introduceți o altă dimensiune. După cum am scris mai sus, elementul "proporții" trebuie bifat, iar elementul "dimensiunea fișierului" - nr.
2. Nu scalați niciodată (nu redimensionați) o imagine compusă din culori solide. Atunci când măriți, PHOTOSHOP selectează culorile astfel încât să se creeze tranziții ușoare între limitele zonelor. Din acest motiv, dimensiunea fișierului poate crește de 2-10 ori. Utilizați imagini similare fără a schimba dimensiunea acestora. În unele pachete, de exemplu, COREL GALLERY (galerie de clipuri inclusă în COREL DRAW), este posibil să setați dimensiunea imaginii pe care doriți să o primiți. Apoi nu este necesar să o reimaginiți în programul PHOTOSHOP.
3. Dacă după redimensionare nu v-ar plăcea aspectul fotografiei, nu o schimbați direct de la fotografia primită. Ea va pierde mult în calitate. Este mai bine să anulați acțiunile (CTRL + Z) și să efectuați operația cu imaginea originală. După redimensionare, imaginea devine puțin neclare. În majoritatea cazurilor, are sens să crească claritatea.
4. FOTOSHOP Versiunea 4, în mod implicit, scrie în orice imagine versiunea lor mică, care apoi a fost posibil să înțeleagă conținutul unui fișier fără a se deschide. Acest lucru, desigur, crește mărimea lor. Pentru a dezactiva această funcție, debifați opțiunea "Salvare miniatură" când salvați.
5. Încă o dată vreau să reamintesc ceea ce am spus mai sus: dacă există text în imagine, uitați de JPEG.
6. În majoritatea cazurilor, încercați să nu faceți o fotografie mai mare de 10 kilobytes. În cazul formatului GIF, dacă imaginea este mai mare de 10 kilobytes, vă sfătuiesc să o salvați în modul "INTERLACED". Apoi va apărea treptat pe pagină, pe măsură ce încărcați - din starea neclară, devenind treptat una clară. Și cititorul nu va fi nervos, așteptând descărcarea ei. Între timp, aceasta mărește dimensiunea imaginii cu numai 1-2%. Pentru JPEG există o opțiune similară - "PROGRESSIVE JPEG". Dar nu este acceptat de browserele anterioare. Puteți salva un fișier JPEG în acest format, de exemplu, utilizând SMART SAVER, care este discutat mai jos.
Întotdeauna încercați să dați numele imaginilor (tag ALT = ""). Vizitatorul paginii însuși decide dacă să aștepte ca el să încarce imaginea sau puteți sări la următoarea pagină. Apropo, această etichetă este folosită de unele motoare de căutare, dând textului titlurilor o pondere semnificativă.
Dacă nu puteți să păstrați în limita a 30-40 kilobiți pe pagină - creați o versiune simplificată a paginilor pentru vizitatori nerăbdători (și va exista o majoritate).
7. Un alt sfat pentru salvarea fișierelor. Nu modificați modurile și calitatea imaginii originale, ci "redați" copia. Pentru a face o copie, faceți clic pe meniul "Imagine" - "Creați o copie". Acest lucru vă va oferi posibilitatea de a reveni la imaginea originală, dacă faceți prea multe modificări și rezultatul nu vă place.
Clever "preserver" - SMART SAVER
SMART SAVER este o versiune îmbunătățită a "salvați" PHOTOSHOP, permițându-vă să evaluați instantaneu calitatea imaginii înregistrate. SMART SAVER se integrează automat în orice versiune a PHOTOSHOP. Pentru a scrie cu ajutorul imaginii, selectați meniul "File" - "Export" - "PhotoImpact GIF SMART SAVER" sau "PhotoImpact JPEG SMART ECONOMIZORUL".
În stânga veți vedea imaginea originală și dimensiunea acesteia, iar în partea dreaptă - imaginea salvată. Pentru imagini JPEG sunt următorii parametri optimi: SMOOTH = NONE (o imagine clară), Subeșantionare = YUV411 (cea mai bună calitate și de dimensiuni mai mici), MOD = STANDART OPTIMIZATE. Motorul "de calitate" trebuie să fie poziționat în poziția în care imaginea arată fără distorsiuni.