Utilia

Generator zamjenskih slika

Izradi zamjenske slike bilo koje veličine s vlastitim bojama i tekstom kao PNG, JPG, WebP ili SVG, ili ZIP uobičajenih veličina banera. Bez slanja.

Format

Skup uobičajenih veličina

Koristi gore odabrane boje, tekst i format. Prazan tekst prikazuje svaku veličinu.

Kako napraviti zamjensku sliku

  1. Upiši Širina (px) i Visina (px), od 1 do 10 000 piksela. Pregled i omjer stranica ažuriraju se dok tipkaš.
  2. Upiši Tekst ili ga ostavi praznim da se ispiše veličina, primjerice „1200×630“.
  3. Odaberi Boja pozadine i Boja teksta.
  4. Ostavi Veličina fonta (px) na 0 za automatsku veličinu koja odgovara slici ili upiši veličinu u pikselima. Odaberi Font.
  5. Odaberi Format: PNG, JPG, WebP ili SVG, zatim klikni Preuzmi sliku.

Za izradu više veličina odjednom otvori Skup uobičajenih veličina, označi veličine koje trebaš (ili upotrijebi Odaberi sve / Poništi odabir) i klikni Preuzmi odabrane veličine (ZIP). Svaka slika koristi gore odabrane boje, font i format; kad je tekst prazan, svaka slika prikazuje vlastitu veličinu.

Koji format odabrati

  • SVG je najlakši (nekoliko stotina bajtova bez obzira na veličinu) i ostaje oštar pri svakom povećanju. Idealan je za makete, prototipove i HTML predloške. Tekst koristi font sustava, pa se izgled može malo razlikovati među računalima.
  • PNG daje točne piksele bez gubitaka. Odaberi ga za alate za dizajn i kad je potrebna prava bitmapa.
  • JPG daje male datoteke za velike dimenzije i prihvaćen je posvuda, uključujući stare sustave za upravljanje sadržajem.
  • WebP je manji od PNG-a i JPG-a, a podržavaju ga svi današnji preglednici.

Rasterski formati ograničeni su na oko 16,7 milijuna piksela (na primjer 4096 × 4096), što je najveće platno koje preglednici mogu kodirati. SVG nema takvo ograničenje.

Uobičajene veličine u skupu

Veličina Namjena
150 × 150 Sličica, avatar
300 × 250 Oglas, srednji pravokutnik
728 × 90 Oglas, leaderboard
160 × 600 Oglas, široki neboder
320 × 50 Mobilni baner
1200 × 630 Open Graph / pregled poveznice
1080 × 1080 Kvadratna objava
1080 × 1920 Story / okomiti videozapis
1280 × 720 HD video, 16:9
1920 × 1080 Full HD, 16:9
800 × 600 Slika 4:3
1600 × 500 Naslovni baner web-stranice

Veličine oglasa prate IAB standardne jedinice koje koristi većina oglasnih mreža; veličine za društvene mreže odgovaraju preporukama najvećih platformi.

Zašto koristiti zamjenske slike?

Zamjenske slike rezerviraju točno onaj prostor koji će slika zauzeti prije nego što prava slika postoji. Tako dizajneri i programeri mogu provjeriti raspored, testirati responzivne prijelomne točke ili pokazati klijentu gdje idu vizuali, bez traženja stock fotografija. Ispisane dimenzije na slici jasno pokazuju koju veličinu svako mjesto očekuje, a neutralna siva boja usmjerava pozornost na raspored, a ne na sadržaj.

Budući da ovaj alat izrađuje prave datoteke, možeš ih koristiti izvan mreže, spremiti u repozitorij ili ubaciti u alat za dizajn, bez ovisnosti o vanjskoj usluzi za zamjenske slike koja može prestati raditi ili pratiti posjetitelje.

Česta pitanja

Kako dobiti zamjensku sliku bez teksta?

Upiši jedan razmak u polje Tekst. Slika će biti obični pravokutnik boje pozadine.

Mogu li ove slike koristiti u komercijalnim projektima?

Da. Slike se na tvom uređaju generiraju iz tvojih postavki; nema ničega za licenciranje ni navođenje autora.

Što znači „ד u zadanom tekstu?

To je znak množenja kojim se zapisuju dimenzije, najprije širina: „1200×630“ znači 1200 piksela u širinu i 630 piksela u visinu.

Zašto se automatska veličina fonta mijenja s tekstom?

Veličina se računa tako da tekst zauzima oko 80 % širine, a ne prelazi 30 % visine. Kratki tekst na širokom baneru ograničen je visinom; dugi tekst na uskoj slici ograničen je širinom.

Šalje li se išta na poslužitelj?

Ne. Slike i ZIP datoteka izrađuju se u cijelosti u tvom pregledniku.