Cum se reduce o imagine pentru a o publica pe un site web sau blog
În acest articol aș dori să vă învăț cum să tăiați și să reduceți o imagine pentru a o include pe blogul dvs. sau pe site-ul dvs. web.
Prima problemă cu care se confruntă clienții mei, atunci când încep să lucreze cu site-ul lor, este că introduc imagini uriașe pe ea. Deși, de cele mai multe ori, nu sunt conștienți, acest lucru duce la o serie de probleme care, pe termen lung, ajung să-și arate fețele:
- Încărcare lentă de pe web
- Deficiență în poziționare în motoarele de căutare
- Consumul de trafic web de către server
- A cea mai proastă experiență de utilizator de dispozitive mobile
Este adevărat că cei dintre noi care lucrăm pe web am interiorizat deja pe deplin conceptul de reducere a imaginilor pentru web (sau ar trebui să facem noi) și uneori nu luăm în calcul faptul că alții nu trebuie să o înțeleagă. Prin urmare, deși există articole foarte bune scrise pe această temă, voi încerca să fac o comparație a diferitelor metode existente și să explic cum sunt utilizate.
Dar mai întâi, este necesar să explicăm câteva elemente de bază care ne va ajuta să înțelegem mai bine acest proces.
Cuprins
- Concepte
- Metode
- Photoshop
- GIMP
- Web-uri pentru a reduce imaginile
- Concluzii
- Aplicații care permit redimensionarea
- Aplicații care nu permit redimensionarea
- Alte considerente
Concepte
Rezoluția nu este aceeași cu dimensiunea imaginii, dimensionarea uneia și a celeilalte afectează în mod clar greutatea fișierului și, prin urmare, trebuie să înțelegem ce sunt și cum funcționează.
Metode
În continuare voi explica diferitele metode de reducere a imaginii, de la cele utilizate de profesioniștii în proiectare, la altele pentru utilizatorii mai neexperimentați. În orice caz, rețineți întotdeauna că pornim de la o dimensiune a imaginii în pixeli (de exemplu, 2.000 x 3.500 px) și că putem reduce, dar nu ne extindem niciodată a spus imaginea. Cu alte cuvinte, dacă pornim de la o imagine de 200 x 450 px, putem face puțin. Și este că nu poate fi luat de unde nu există.
Așa cum am spus mai înainte, voi explica diferite metode de reducere a imaginii, în primul rând voi începe cu Photoshop Da Gimp. Mai jos, după ce am cercetat și am analizat recomandările altor profesioniști, am dat peste două articole care erau relativ recente și enumerau o serie de instrumente. Primul, de Hypertextual, și al doilea de José Facchin, unde listează câteva instrumente web și desktop simple pentru a reduce imaginile. Problema este că, după ce am folosit una care nu m-a convins, am decis să fac un comparativ pentru a alege pe baza numerelor.
Pentru a face acest test, am început cu două fotografii făcute de mine cu o cameră compactă normală (Canon Powershot SX220 HS). Pe măsură ce le-am descărcat de pe cameră, am făcut reducerile corespunzătoare în diferite aplicații și am luat procentul de reducere luând 100% dimensiunea originală a acestor fotografii. În acele aplicații în care a fost posibilă, a fost făcută o tăiere, în care nu este avertizat că nu permite tăierea.
Photoshop
Această metodă nu este disponibilă pentru toată lumea, deși Photoshop este unul dintre programele pe care majoritatea oamenilor le-au instalat pe computer (inexplicabil). Pentru mine este metoda pe care prefer să o folosesc, deoarece este locul în care aveți mai mult control asupra imaginii. Aici nu voi explica cum sunt reduse imaginile cu Photoshop, dar dacă doriți să utilizați această metodă, vă invit să urmați următorul tutorial în acest blog, aici voi rezuma pașii de urmat conceptual.
Când vrem micșorați o imagine cu Photoshop, procesul este aproape întotdeauna același:
- Deschidem imaginea cu Adobe Photoshop
- De multe ori vom avea nevoie stabiliți anumite proporții, adică o lățime cu o anumită înălțime a imaginii. Pentru a face acest lucru, vom folosi Instrument de decupare. Aici vom defini proporțiile în pixeli ale imaginii și vom tăia tot spațiul în exces al aceleiași.
- Odată ce imaginea este decupată, este timpul să o exportăm redusă la dimensiunea finală pe care dorim să o aibă. Vom face asta cu două instrumente posibile, ambele situate în meniul Fișier Photoshop: Exportați ca ..., care este metoda actuală pentru a o face și cea recomandată de Adobe; Da Salvați pentru web (vechi), care este vechea metodă, încă prezentă în program în momentul redactării acestui articol și care este cea care îmi place în continuare cel mai mult. Aici, trebuie să avem întotdeauna în vedere că rezoluția de ieșire pentru web este de 72 dpi (puncte per inch), în timp ce cea a documentelor imprimarea este mult mai mare, 300 dpi. Acest lucru face ca imaginile pentru imprimare să aibă o dimensiune imensă în comparație cu imaginile pentru web.
Aveți grijă, este foarte important să nu ne confundăm, deoarece deși la pasul 2 am vorbit despre definirea proporțiilor în pixeli, ceea ce definim sunt tocmai asta, proporții. Adică Raportul lățimea imaginii la înălțime, pe care le definim cu dimensiunea finală în pixeli, dar care va fi eficientă în dimensiunea originală a imaginii. Acest lucru va fi mai bine înțeles vizionând tutorialul despre cum să reduceți imaginile cu Photoshop.