Pregătirea imaginilor pentru dispozitivele mobile

Modern browsere web și sistemele de gestionare a conținutului optimizează imaginile pentru a fi afișate în orice cadru. 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.

Turist care face o fotografie a Turnului Eiffel cu un telefon inteligent

Alexander Spatari / Getty Images

Spațiul de culoare în imagini

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

Litere mari CMYK RGB multicolore
antonioiacobelli / Getty Images

Utilizați modul RGB când pregătiți imagini pentru dispozitive mobile. Ecranele de pe monitoarele computerelor și smartphone-urile se bazează pe o combinație de pixeli roșii, albaștri și verzi. Acest RGB imaginea 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

CMYK imagini 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 Adobe Creative Cloud aplicații, 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 ar trebui să fie dimensionată pentru scopul propus. Iată câteva exemple de dimensiuni de imagini pentru utilizări populare pe web:

  • Bannerele publicitare pe internet au adesea 468 de pixeli pe 60 de pixeli.
  • Imaginile de copertă Facebook ar trebui să aibă 851 pixeli pe 315 pixeli.
  • Fotografiile de profil Twitter ar trebui să aibă 400 de pixeli pe 400 de pixeli.
  • Imaginile pentru linkurile 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 o rețea socială site-ul sau un blog) pentru a verifica dimensiunile optime ale imaginii și apoi dimensiunea corespunzător pentru a evita întinderea sau tăierea imagine.

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 imagini vectoriale

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