12 Erorile format de imagine comună

LPgenerator - Professional Pagina de destinație Platforma pentru a crește vânzările afacerii dvs.

MAGAZIN UNIVERSITATEA Aterizare ACTIUNI DIN PARTENERII

Se spune că o imagine poate spune mai mult decât o mie de cuvinte - dar, după cum se dovedește, ea poate contribui, de asemenea, la mai multe câștiguri pentru tine sau afacerea ta.

Cu toate că este capabilă să funcționeze propriul site personal sau de afaceri - nu este o sarcină ușoară de a face un pic de efort, adăugând conținut vizual pe site-ul dvs., să fie rambursate cu interes.

Acest lucru nu va ajuta doar a se asigura că vizitatorii sunt mai susceptibile de a merge si va fi interesant, dar, potrivit statisticilor elaborate de Tech.Co și NewsCred, este, de asemenea:

• transmite mai eficient informațiile pe care oamenii amintesc 80% din ceea ce văd (față de 20% din ceea ce au citit și 10% din ceea ce aud).
• Acesta atrage vizitatori: articol cu ​​imagini 94% mai mult decât de vizionare cu nici un articol fără ele.
• Îmbunătățește reputația de afaceri: 67% dintre consumatori preferă companiile care sunt clare imagini, detaliate ale produselor lor (și spun că imaginile sunt mai importante decât descrierea produsului).
• Influența asupra luarea deciziilor de cumpărare: 93% dintre oameni cred că imaginea vizuală cel mai important factor care influențează decizia de a cumpăra de pe internet.

Dar va fi greu pentru a obține oricare dintre aceste beneficii, în cazul în care imaginile nu arată ceea ce vrei. Prin urmare, urmați următoarele sfaturi pentru a evita capcanele comune cu care se confruntă mulți oameni atunci când încearcă să imagini format pentru site-urile lor.

Problema numărul 1: Ați descărcat o imagine fără optimizare pentru web, iar acum site-ul dvs. este lent

Soluție: Găsiți un „teren de mijloc“, dimensiunea imaginii.

Dimensiunea imaginii are o mare influență asupra performanței site-ului. Pentru a fi precis, vorbim in principal despre dimensiunea fișierului în megaocteți (MB), kilobiți (kb), etc. - nu pe dimensiunea reală a imaginii (cum ar fi 800 x 600 pixeli), cu toate că ele sunt adesea interdependente. În cazul în care dimensiunile fișierului sunt prea mari, paginile să ia o lungă perioadă de timp pentru a descărca, și riscul de a pierde vizitatorii care nu au răbdare. Prea mici - și vă pune în pericol calitatea vizuală a imaginii. Trebuie să găsești un compromis între dimensiunea reală și de calitate (rezoluție), care, împreună determina dimensiunea totală a fișierului.

Indicație: Puteți verifica modul în care diferitele dimensiuni ale imaginii afectează viteza de încărcare a paginilor cu ajutorul unor instrumente gratuite, cum ar fi acest lucru.

№ Problema 2: Imaginea de pe ecran arată rău

Soluție: Aflați rezoluția imaginii.

Rezoluția este ceva care determină cât de bine apare imaginea pe ecran. În cuvinte simple, numărul de pixeli afișat pe un anumit spațiu pe ecran (pixeli per inch sau IPP, uneori de pixeli pe centimetru). Cu toate acestea, din moment ce ecranele de pe dispozitivele pe care le folosim astăzi, au o rezoluție de pre-definite, controlul asupra modului în care sunt afișate imaginile noastre am limitat. Dar asta e în regulă, pentru că simplifică procesul de conservare a imaginii. Rezoluția 72 IPP este considerat a fi un standard comun pentru imagini web de calitate acceptabilă, dar rezoluția între un minim de 72 la un maxim de 120 IPP IPP, este suficientă pentru marea majoritate a ecranelor. Potrivit designerului Google Sebastien Gabriel, păstrarea IPP în acest interval „asigură faptul că munca ta va fi de aproximativ același raport peste tot.“ De asemenea, ajuta la controlul dimensiunea fișierului.

Mai important, atâta timp cât vă salvați imaginile în dimensiunea corectă (în pixeli) pentru utilizarea prevăzută, ar trebui să evite orice pixelarea. Pixelize (estomparea, distorsiune, pierderea calității) apare atunci când imaginea digitală este afișată pe site-ul mai mare decât dimensiunea sa inițială (de exemplu, o încercare de a întinde imaginea de 50 x 50 pixeli la spațiul de 500 x 500 pixeli).

Sfat: Dacă încercați să setați fișierul de imagine IPP și vedeți numai opțiunea „DPI“, nu intra în panică.

Acești termeni sunt adesea (deși în mod incorect) utilizate interschimbabil. De fapt, mulți oameni și programe folosesc DPI, ca un termen generic pentru a se referi la rezoluția imaginii.

Problema numărul 3. Aflați rezoluția imaginii. Partea 2: compresie

compresie de imagini într-un program de editare foto este o modalitate de a ajusta dimensiunea de rezoluție și fișierul. De exemplu, atunci când se utilizează „Salvare pentru Web și dispozitive“ pentru a salva o imagine JPG în Photoshop, puteți alege calitatea dorită (scăzut, mediu, ridicat, foarte mare, și de mare), sau mai mult pentru a configura calitatea cu butonul de defilare corespunzător de la 0 ( minimă) și 100 (maxim). Acest lucru va reduce (sau comprima) dimensiunea fișierului (pentru un timp adecvat pagina este încărcată), dar, de asemenea, reduce calitatea vizuală (este mai mic rău).

Problemă № imagine 4: vrac insesizabil

Soluție: Se taie cu înțelepciune.

Decuparea poate fi un pas foarte important în procesul de formatare, în special pentru fotografii. Nu vrei să taie nimic important, dar nu ezita să taie, în scopul de a îmbunătăți focalizarea imaginii sau starea de spirit. Pe de altă parte, nu doriți să taie, astfel încât imaginea ta va fi distorsionată (mai mulți pixeli le eliminați, mai mică rezoluția); dacă doriți să faceți acest lucru, aveți nevoie pentru a începe cu o imagine cu o rezolutie destul de mare.

Problema №5: compoziția slabă a imaginii

Soluție: Utilizați rama pentru un efect maxim.

Strâns asociată cu excizia, încadrare este ideal pentru atunci când realizați o fotografie sau de a crea o imagine (și mai bine în timpul procesului, mai degrabă decât după). El are multe în comun cu regulile de compoziție tradițională, care sunt considerate a fi artiști, fotografi, designeri și alți maeștri. Unele dintre ele conțin:

• „Regula treimilor“ (pentru a atinge echilibrul și să se concentreze)
• amplasarea elementelor în grupuri de câte trei
• repetarea (evidențierea vizual interesante elemente, cum ar fi liniile și modele)
• utilizarea eficientă a spațiului pozitive și negative
• linia de conducere (care orientează atenția privitorului spre punctul central)
• și mai mult ...

Toate acestea este de a crea o imagine - un incitant, interesant și atractiv vizual, este ceea ce doriți pentru imaginile de pe site.

Problema numărul 6. Utilizare cadru pentru un efect maxim. Partea 2: Rezolvări

De asemenea, puteți experimenta cu orientarea imaginii (în cazul în care compoziția imaginii permite), de la verticală la orizontală (sau invers); rotirea imaginii; fasonare sau formă circulară sau alta. Imaginea de diferite forme și mărimi se va adăuga interes vizual pentru site-ul Web. Nu folosiți tot timpul aceeași imagine procesul de formatare; Fii creativ!

№7 problemă: Imaginea apare distorsionată

Soluție: Scale proporțional.

Cele mai frecvente cauze imagini distorsionate pe site-uri web este că acestea sunt întinse pentru a umple un anumit spațiu. Cel mai simplu mod de a evita acest lucru - pentru a menține proporțiile inițiale ale imaginii atunci când zoom în sus sau în jos, și fără a se întinde lungimea sau lățimea.

Sfat: În cele mai multe programe și aplicații de editare foto, există instrumente care vă pot ajuta să vă asigurați că scala imaginea proporțional. În caseta de dialog, în cazul în care vă scară sau ajustați dimensiunea imaginii, este de multe ori pictograma lacăt mic, pe care îl puteți face clic pe „repara“ raportul de aspect original, sau o fereastră cu un fel de „scalate proporțional“ sau „să mențină raportul de aspect“.

Problema №8: Ați salvat imaginile în format de fișier corect

Soluție: Examinați diferențele dintre tipurile de fișiere.

Toate aceste reduceri s-ar putea confunda - Care este diferența dintre JPG și PNG? Contează? Există un anumit formate de fișiere, care sunt cel mai bine să utilizați?

Nu toate formatele de fișiere sunt create în mod egal. Fiecare dintre ele are aplicarea sa specifică, cu plusuri și minusuri sale. Vom face o scurtă trecere în revistă a tipurilor de fișiere care sunt potrivite pentru utilizarea pe web, care ar trebui să vă ofere informații suficiente pentru a vă asigura că imaginile de pe site-ul dvs. arata cel mai bine.

Și unul care ar trebui evitate ...

• TIFF: calitatea imaginii, dar dimensiunea fișierului este foarte mare, astfel încât nu este potrivit pentru utilizare web; utilizat în mod normal pentru punerea documentelor de imprimare.

Sfat: În ceea ce privește imaginile care pot fi utilizate pentru proiecte de imprimare sau web (de exemplu, JPG-fișiere și un PDF-fișiere), trebuie să se asigure că creați sau de a le converti în spațiul de culoare corect pentru utilizarea web - RGB. Dacă salvați în CMYK (care este folosit doar pentru imprimare), de culoare în imaginea ta va arata foarte ciudat atunci când îl încărcați pe site-ul tau. Dacă utilizați Canva pentru a formata imagini, procesul este mai simplu: doar să faceți clic pe „Descărcați“, în cazul în care alegeți fie „ca imagine“ (imagine RGB pentru utilizare web) sau „un PDF de înaltă calitate“ (fișier CMYK pentru imprimare).

Problema numărul 9: Ați cumpărat o fotografie de stoc pentru site-ul dvs., dar le puteți vedea peste tot

Soluție: Evitați scurgerile imagini sau petrece timpul în căutarea unic.

Dacă nu aveți timp sau resurse pentru a crea imagini proprii, fotografii comerciale - opțiune convenabilă. Cu toate acestea, există o mulțime de fotografii care sunt deja în uz, și există un risc pentru a vedea fotografiile selectate în altă parte, poate chiar la site-ul unui concurent. Soluția evidentă ar fi să nu folosească fotografii comerciale, dar în loc să creeze propriile lor imagini originale, dar dacă acest lucru nu este posibil, poti sa te uiti cel puțin dincolo de prima pagină a rezultatelor de căutare pentru a găsi ceea ce va fi diferit, și, mai important, , ceea ce este într-adevăr potrivit pentru marca sau scopul dumneavoastră.

Sfat: Tot mai multe resurse gratuite Fotografii Free Stock apar în ultimii ani, și (în ciuda faptului că acestea sunt libere) nu este încă folosit la fel de des ca site-urile plătite. În plus, ei pot găsi de multe ori opțiuni creative și nu mediocre, dacă sunteți dispus să-și petreacă un pic de timp pentru a le găsi. Citiți articolul, „fotografii gratuite stoc: Imaginile gratuit 74 cele mai bune site-uri fabuloase,“ pentru o listă de resurse recomandate.

fotografii comerciale gratuite de la Unsplash.

Problema numărul 10: Nu știi cum să adăugați informații la imaginile

Soluție: Utilizați parametrii de metadate.

Metadata este doar un buzzword pentru informații suplimentare încorporate în fișierul de imagine, sau faptul că puteți adăuga (cum ar fi titlul sau descrierea). Unele dintre aceste informații sunt create în mod automat, de exemplu, informații tehnice. O altă parte a informațiilor de text - titlurile de imagine și descrieri, cuvinte cheie, titluri - sunt opționale și pot fi schimbate. Deci, de ce petrece timpul suplimentar, inclusiv aceste informații? Includerea unor informații de bază despre imaginea ta de multe ori se îmbunătățește ux; dar adăugarea acestui tip de date poate ajuta, de asemenea, imaginile apar mai des în aceste rezultate ale căutării. Și un pic mai mult trafic site-ul nu strică niciodată.

Sfat: diverse bloguri si gazduire web platforma va oferi o varietate de opțiuni pentru adăugarea de metadate cum ar fi legende și cuvinte cheie pentru imaginile dvs. - și ar trebui să profite de orice oportunitate de a adăuga valoare, care oferă platforma. Alt text (prescurtarea de text alternativ, care este uneori numit „alt tag“ sau „atributul alt“) este una dintre cele mai comune opțiuni.

Acesta este un domeniu în care puteți introduce un cuvânt sau o expresie care descrie ceea ce este imaginea ta. Acest lucru este important, deoarece: 1) joacă un rol important în îmbunătățirea optimizare SEO (motor de căutare) de pe site; 2) În cazul în care imaginea nu este afișată pentru un motiv oarecare, alt text pare să sugereze că ar trebui să existe; și 3) un text alternativ este utilizat de către utilizatorii nevăzători și cu deficiențe de vedere care utilizează browsere audio pentru Internet.

Fiecare imagine ar trebui să aibă propriul său text unic, alternative adecvate; și mai bine scurt. Dar nu abuza de instrumentul - câmp de text de încărcare alternativă cu cuvinte de căutare care credeți că sunt populare (cunoscut sub numele de „spam alt“ sau „umplutura de cuvinte cheie“), nu te va ajuta, și poate reduce de fapt, clasamentul de căutare de pe site.

Opțiuni pentru metadate imagini în WordPress (nume, titlu, descriere text și alt).

Problema numărul 11: Credeți că fotografia poate fi editat, dar nu doriți să-l exagerati

Soluție: Nu utilizați o mulțime de efecte.

Uneori, atunci când se lucrează cu o imagine pe care doriți să-l îmbunătățească un pic: pentru a ajusta contrastul sau luminozitatea, crește saturația, pentru a regla claritatea. Nici o problemă.

Cu toate acestea, cele mai multe software-ul de editare foto poate face mult mai mult decât atât. Și este foarte ușor să te dus de efectele dramatice și filtrele; există o linie fină între editare moderată și ușor de reținut. Dacă vă aflați se confruntă cu un efect de alegere, deoarece „se pare amuzant / ciudat / extraordinar“, mai bine pur și simplu lăsați imaginea în forma sa originală.

Problema numărul 12: Culorile arată greșit pe ecranul computerului

Soluție: calibrați monitorul.

Dacă lucrați cu imagini digitale, este important ca culorile sunt afișate corect. Când selectați culoarea pe care doriți să vedeți imaginile ca acestea sunt pe site-ul, și nu se poate face acest lucru dacă ecranul monitorului sau afișează culori inexact. Simon Prais în DigitalArts sfătuiește:

„Calibrarea monitorului, astfel încât luminozitatea a fost stabilită între 90 și 120 cd / m2.

In timp ce acest lucru va limita contrastul de afișare, este, probabil, mai bine să-și exprime ceea ce publicul țintă va experimenta mai multe versiuni diferite ale monitoarelor și de calitate. "

Sfat: Pe sistemele de operare Windows și Mac are o instrumente de calibrare încorporate. Aici puteți găsi instrucțiuni pas cu pas despre cum să le folosească.

ATENȚIE! Utilizați un browser învechit Internet Explorer

Acest site este construit pe tehnologii avansate, moderne și nu acceptă al doilea Internet Explorer și versiunea a șaptea.