Pregătirea imaginilor pentru dispozitive mobile

Cuprins:

Pregătirea imaginilor pentru dispozitive mobile
Pregătirea imaginilor pentru dispozitive mobile
Anonim

Browserele web moderne și sistemele de gestionare a conținutului optimizează imaginile pentru a fi afișate în orice setare. Cu toate acestea, cel mai bine este să pregătiți imagini care sunt optimizate pentru fiecare posibil factor de formă și locație în care poate apărea o imagine. Concentrați-vă pe trei lucruri: rezoluția imaginii, dimensiunea și spațiul de culoare.

Image
Image

Spatiu de culoare în imagini

Designerii grafici se bazează pe două spații de culoare primară. Un spațiu de culoare este o metodă prin care culorile primare se combină pentru a forma curcubee complexe de culoare.

Image
Image

Utilizați modul RGB când pregătiți imagini pentru dispozitivele mobile. Ecranele de pe monitoarele computerelor și smartphone-urile se bazează pe o combinație de pixeli roșii, albaștri și verzi. Această imagine RGB este optimizată pentru a reproduce cu acuratețe culorile dorite pe un ecran.

Pentru imprimare, designerii folosesc un proces în patru culori, în care fiecare culoare se distilă într-o combinație de cyan, magenta, galben și negru. Uneori, imaginile în patru culori sunt denumite imagini CMYK din acest motiv.

Rezoluția imaginii

Imaginile, în special pe platformele mobile, ar trebui să fie cât mai mici posibil pentru a echilibra calitatea cu viteza de descărcare în rețelele mobile și dimensiunea fișierului cu limitele de date mobile.

Majoritatea programelor, inclusiv aplicațiile Adobe Creative Cloud, acceptă un instrument Export pentru Web care arată imaginea în diferite combinații de rezoluție și compresie. Alegeți imaginea de cea mai bună calitate la cea mai mică dimensiune totală.

Dimensiunea imaginii în pixeli

Fiecare imagine trebuie să fie dimensionată pentru scopul propus. Iată câteva exemple de dimensiuni de imagine pentru utilizări populare de pe web:

  • Anunțurile banner pe internet au adesea 468 de pixeli pe 60 de pixeli.
  • Imaginile de copertă Facebook ar trebui să aibă 851 de pixeli pe 315 de pixeli.
  • Fotografiile de profil Twitter ar trebui să aibă 400 de pixeli pe 400 de pixeli.
  • Imaginile pentru linkuri partajate ar trebui să aibă 1200 de pixeli pe 630 de pixeli.

Când lucrați cu fotografii în scopuri specifice, verificați locul în care va apărea fotografia respectivă (cum ar fi un site de socializare sau un blog) pentru a verifica dimensiunile optime ale imaginii și apoi măriți-o corespunzător pentru a evita întinderea sau tăierea imaginii.

Pentru a evita pixelarea, urmăriți dimensiunea reală a afișajului. Chiar dacă o imagine este dimensionată corect, dacă nu este dimensionată corect, produsul rezultat poate părea pixelat dacă imaginea trebuie mărită pentru a îndeplini spațiul disponibil.

Despre imaginile vectoriale

Imaginile vectoriale - imaginile care sunt calculate și desenate de dispozitiv - sunt de obicei mai eficiente și de calitate superioară decât imaginile raster (imaginile desenate câte un pixel) deoarece pot fi mărite și reduse fără a afecta calitatea imaginii. Pentru logo-uri simple, grafice și grafice, o versiune vectorială este ideală. Formatele vectoriale nu sunt folosite pentru fotografii.

Recomandat: