7 tehnici de utilizare a imaginilor pe paginile web
de Berto López, ultimul. act. 8 noiembrie 2018
În postarea de astăzi vreau să ating din nou un „clasic” de blogging: cum să utilizați bine fotografiile și imaginile pe o pagină web.
Se poate părea că pe acest subiect totul este deja spus, dar așa cum veți vedea în acest post, acest lucru departe de este atat de. Mai mult, este aproape sigur că îi pierzi semnificativ potențialul.
Trebuie doar să aruncați o privire mai atentă asupra oricărui blog sau site web pentru a vedea că practic toate (inclusiv a noastră ...) fie folosesc cu greu imagini, fie, nu fac ce ar trebui să facă cu imaginile lor pentru a profita de 100% potențialul lor, ceea ce este foarte mult așa cum veți vedea în postare.
Așa că astăzi vă voi spune despre 7 tehnici cheie pe care fiecare blogger sau autor al oricărui alt tip de pagină web ar trebui să îl folosească împreună cu imaginile sale.
Ce veți găsi aici?
Sunt sigur că te vei bucura mai ales cu această postare pentru că veți vedea că sunt foarte „Acționabil”, cu rezultate imediate Și, în plus, știu cu certitudine că acesta este unul dintre subiectele care îi interesează cel mai mult pe cititorii noștri, pe care le discutăm în acest blog.
Utilizarea imaginilor pe site-ul dvs. web vă va potrivi foarte bine
Dacă aveți un blog sau un site web, imaginile sunt resursă necesară și esențială a obtine păstrați atenția publicului și evită să-i plictisească.
În plus, utilizarea imaginilor îmbunătățește semnificativ estetica site-ului și are beneficii colaterale care nu sunt evidente, dar foarte importante, cum ar fi, de exemplu, îmbunătățirea poziționării paginii dacă știi cum să folosești potențialul pe care îl au imaginile pentru SEO.
Cu toate acestea, majoritatea autorilor, fie din ignoranță, fie din neglijență (și din lipsa de timp), nu le folosesc sau, cel puțin, nu le folosesc în mod corespunzător.
7 Tehnici esențiale pe care trebuie să le aplicați împreună cu fotografiile și imaginile site-ului sau blogului dvs.
Așadar, prima tehnică, sau primul sfat, ar trebui să fie cu adevărat sfatul pe care îl aveți de fapt folosiți fotografii și imagini în blogul dvs., cel puțin 2 sau 3 în fiecare publicație și că dedicați acele 10-15 minute pe care vă va lua să le citiți pentru a afla cum să o faceți bine.
1. Folosiți rezoluția corectă
Evident, trebuie să existe și un dezavantaj și, într-adevăr, există. În afară de faptul că, evident, utilizarea de imagini bune adaugă ceva mai mult efort la crearea conținutului, are și dezavantajul că face paginile tale mai grele și odată cu acesta, site-ul dvs. este mai lent. Dar nu vă faceți griji pentru că acest lucru are o soluție.
În primul rând, acest lucru devine foarte relativ dacă utilizați o lățime de bandă bună pentru serverul dvs. web (adică o găzduire bună), ceea ce ar trebui să faceți oricum. În acest fel, serverul nu va suferi cu ușurință cu pagini cu ceva mai mare.
Dacă aveți nevoie de un găzduire pentru site-ul dvs. sau blogul dvs., acționați!
- Hostinger: cu o reducere de 90% aici
- SiteGround: cu o reducere de 60% aici
- Webempresa: cu o reducere de 25% aici
- Raiola Networks: cu o reducere de 20% aici
Avertizare: aceste oferte sunt valabile acum, poate expira în câteva zile.
Pe de altă parte, imaginile pe care le încărcați ar trebui să fie optimizate pentru a fi cât mai mici, fără pierderi semnificative de calitate.
Cea mai simplă și eficientă optimizare este adaptați rezoluția imaginii la utilizarea acesteia pe un site web.
Am ajustat „dimensiunea mare” a WordPress pentru a se potrivi cu dimensiunea maximă a imaginilor cu lățime completă. Astfel evităm pierderile de calitate datorate transformărilor WordPress pentru a ajusta dimensiunea imaginii.
De exemplu: coloana principală a acestui blog are o lățime de 700 pixeli.
Ce rost are utilizarea unei imagini cu o lățime de 3.000 sau 4.000 pixeli? Niciunul, corect?
De fapt, pe acest blog folosim regula generală pentru a limita imaginile cu lățime completă 650 pixeli.
Cu toate acestea, o imagine de înaltă rezoluție, de exemplu, „fără bare” de pe mobil, este o deteriora brutal în optimizarea paginii dvs., o diferență care în multe cazuri este ușor de un factor mai mare de 10 trecând, de exemplu, o imagine de 1Mbyte (foarte excesiv) greutate la 100Kbytes (foarte rezonabil). Am văzut chiar și site-uri web cu 5 sau 6 imagini Mbyte, A chiar prost cu care îți omori literalmente site-ul.
Ca regulă generală, aș recomanda să nu încărcați niciodată imagini cu o lățime mai mare decât lățimea în pixeli a zonei principale de conținut a site-ului dvs. web. În general, acest lucru va însemna, nu mai mult de 600-800 pixeli lățime. În mod excepțional, poate avea sens să încărcați imagini de înaltă rezoluție, dacă este vorba exact despre faptul că utilizatorul le poate vedea în rezoluție înaltă. Dar în condiții normale de utilizare vă recomand cu tărie să urmați liniile directoare de mai sus.
În cazul specific al utilizării WordPress, atunci când le încărcați, redimensionează automat și odată cu ea „grăsimea” o ai rezolvată automat. Este deja o ușurare majoră a problemei, dar totuși problema este aceea Redimensionarea implicită WordPress nu este optimă: de obicei nu atinge dimensiunea minimă care ar fi posibilă cu alte instrumente, iar imaginile reduse sunt de obicei mai multe în ceață decât ai putea fi redus cu alte instrumente.
Din acest motiv, în acest blog preferăm să le tratăm în afara WordPress așa cum este descris la punctul 3 pentru a le încărca cu dimensiunile exacte care pot fi configurate în meniul de „Instrumente/Setări”. Acest împiedicați procesarea imaginii de către WordPress pentru acele dimensiuni.
2. Folosiți formatul adecvat
Un lucru pe care îl observ că practic toți bloggerii greșesc este nefolosind cel mai potrivit format de imagine în funcție de utilizarea la care doriți să puneți acea imagine.
Există trei formate principale care reprezintă practic 100% din formatele utilizate pe web și care sunt formatele JPG, PNG Da GIF.
De exemplu, pentru un captură de ecran, Formatul JPG nu este o alegere bună. Formatul PNG este mai bine adaptat pentru a da rezultate cu un echilibru mai bun între dimensiuni și calitate.
În această postare vă spunem pentru ce este fiecare format și cum să le folosiți bine:
3. Optimizați imaginea (culori, claritate etc.)
Optimizarea unei imagini nu înseamnă doar reducerea dimensiunilor acesteia, ci și aplicarea algoritmi inteligenți pentru (de exemplu, pentru a obține un claritate optimă imagini reduse), alegeți format adecvat după cum am comentat mai sus și reduceți paleta de culori.
Această postare explică puțin mai în detaliu:
Instrumente specializate bune sunt esențiale pentru aceasta. Preferatul meu personal este FastStone Photo Resizer, deși este și o alternativă foarte bună RIOT (Instrument de optimizare a imaginii radicale). De asemenea, pe blogul marelui @Manz tu ai excelent tutorial optimizare care se bazează pe acest ultim instrument: