Generator de imagini placeholder

Cum faci o imagine placeholder

1. Introdu Lățime (px) și Înălțime (px), de la 1 la 10.000 de pixeli. Previzualizarea și raportul de aspect se actualizează pe măsură ce scrii.
2. Scrie un Text sau lasă-l gol, ca să se afișeze dimensiunea, de exemplu „1200×630”.
3. Alege Culoarea fundalului și Culoarea textului.
4. Lasă Dimensiunea fontului (px) la 0 pentru o dimensiune automată, potrivită imaginii, sau introdu o dimensiune în pixeli. Alege un Font.
5. Alege Format: PNG, JPG, WebP sau SVG, apoi apasă Descarcă imaginea.

Pentru a crea mai multe dimensiuni deodată, deschide Lot de dimensiuni uzuale, bifează dimensiunile de care ai nevoie (sau folosește Selectează tot / Nu selecta nimic) și apasă Descarcă dimensiunile selectate (ZIP). Fiecare imagine folosește culorile, fontul și formatul de mai sus; când textul este gol, fiecare imagine își arată propria dimensiune.

Ce format să alegi

• SVG este cel mai ușor (câteva sute de octeți, indiferent de dimensiune) și rămâne clar la orice mărire. E ideal pentru machete, prototipuri și șabloane HTML. Textul folosește un font de sistem, așa că aspectul lui poate varia ușor de la un calculator la altul.
• PNG oferă pixeli exacți, fără pierderi. Alege-l pentru programe de design și când este nevoie de o imagine bitmap reală.
• JPG produce fișiere mici la dimensiuni mari și este acceptat peste tot, inclusiv în sisteme vechi de gestionare a conținutului.
• WebP este mai mic decât PNG și JPG și este acceptat de toate browserele actuale.

Formatele raster sunt limitate la aproximativ 16,7 milioane de pixeli (de exemplu 4096 × 4096), cel mai mare canvas pe care îl pot codifica browserele. SVG nu are o astfel de limită.

Dimensiuni uzuale din lot

Dimensiunile pentru reclame respectă unitățile standard IAB folosite de majoritatea rețelelor de publicitate; dimensiunile pentru rețelele sociale corespund recomandărilor platformelor mari.

De ce să folosești imagini placeholder?

Imaginile placeholder rezervă exact spațiul pe care îl va ocupa o imagine înainte ca poza reală să existe. Astfel, designerii și dezvoltatorii pot verifica o machetă, pot testa punctele de rupere responsive sau pot arăta unui client unde vor fi elementele vizuale, fără să caute fotografii de stoc. Dacă imprimi dimensiunile pe imagine, devine evident ce mărime așteaptă fiecare loc, iar un gri neutru mută atenția pe aranjament, nu pe conținut.

Pentru că acest instrument creează fișiere reale, le poți folosi offline, le poți adăuga într-un depozit de cod sau le poți trage într-un program de design, fără dependența de un serviciu extern de placeholdere, care poate să cadă sau să urmărească vizitatorii. Imaginile și fișierul ZIP sunt create integral în browserul tău, deci fișierele tale rămân pe dispozitivul tău.