Utilia

Generator slike rezervnog mesta

Napravi placeholder slike bilo koje veličine sa sopstvenim bojama i tekstom, kao PNG, JPG, WebP ili SVG, ili ZIP uobičajenih veličina. Bez otpremanja.

Format

Grupa uobičajenih veličina

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

Kako da napraviš placeholder sliku

  1. Upiši Širina (px) i Visina (px), od 1 do 10.000 piksela. Pregled i odnos stranica osvežavaju se dok kucaš.
  2. Upiši Tekst, ili ga ostavi praznim da se ispiše veličina, na primer „1200×630“.
  3. Izaberi 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. Izaberi Font.
  5. Izaberi Format: PNG, JPG, WebP ili SVG, pa klikni na Preuzmi sliku.

Da napraviš mnogo veličina odjednom, otvori Grupa uobičajenih veličina, označi veličine koje ti trebaju (ili koristi Izaberi sve / Poništi izbor) i klikni na Preuzmi izabrane veličine (ZIP). Svaka slika koristi gore podešene boje, font i format; kada je tekst prazan, svaka slika prikazuje sopstvenu veličinu.

Koji format da izabereš

  • SVG je najlakši (nekoliko stotina bajtova bez obzira na veličinu) i ostaje oštar pri svakom uvećanju. Idealan je za makete, prototipove i HTML šablone. Tekst koristi sistemski font, pa izgled može malo da se razlikuje među računarima.
  • PNG daje tačne piksele bez gubitaka. Izaberi ga za alate za dizajn i kada je potrebna prava bitmapa.
  • JPG daje male fajlove za velike dimenzije i prihvata se svuda, uključujući stare sisteme za upravljanje sadržajem.
  • WebP je manji od PNG-a i JPG-a i podržavaju ga svi današnji pregledači.

Rasterski formati su ograničeni na oko 16,7 miliona piksela (na primer 4096 × 4096), što je najveće platno koje pregledači mogu da kodiraju. SVG nema takvo ograničenje.

Uobičajene veličine u grupi

Veličina Namena
150 × 150 Sličica, avatar
300 × 250 Reklama srednji pravougaonik
728 × 90 Reklama leaderboard
160 × 600 Reklama široki oblakoder
320 × 50 Baner za mobilni
1200 × 630 Open Graph / pregled linka
1080 × 1080 Kvadratna objava
1080 × 1920 Priča / uspravan video
1280 × 720 HD video, 16:9
1920 × 1080 Full HD, 16:9
800 × 600 Slika 4:3
1600 × 500 Hero baner za sajt

Veličine reklama prate IAB standardne jedinice koje koristi većina reklamnih mreža; veličine za društvene mreže odgovaraju preporukama velikih platformi.

Zašto koristiti placeholder slike?

Placeholder slike rezervišu tačan prostor koji će slika zauzeti pre nego što prava slika postoji. Tako dizajneri i programeri mogu da provere raspored, testiraju responzivne prelomne tačke ili klijentu pokažu gde idu vizuali, bez traženja stok fotografija. Ispisivanje dimenzija na slici jasno pokazuje koju veličinu svako mesto očekuje, a neutralna siva drži pažnju na rasporedu, a ne na sadržaju.

Pošto ovaj alat pravi prave fajlove, možeš da ih koristiš bez interneta, da ih čuvaš u repozitorijumu ili ubaciš u program za dizajn, bez zavisnosti od spoljne usluge za placeholder slike koja može da prestane da radi ili da prati posetioce.

Česta pitanja

Kako da dobijem placeholder bez teksta?

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

Mogu li da koristim ove slike u komercijalnim projektima?

Da. Slike se prave na tvom uređaju iz tvojih podešavanja; nema ničega za licenciranje ni navođenje autora.

Šta znači „ד u podrazumevanom tekstu?

To je znak za množenje kojim se zapisuju dimenzije, prvo širina: „1200×630“ je 1.200 piksela u širinu i 630 piksela u visinu.

Zašto se automatska veličina fonta menja sa tekstom?

Veličina se računa tako da tekst zauzme oko 80% širine, a ne pređe 30% visine. Kratak tekst na širokom baneru ograničen je visinom, a dugačak tekst na uskoj slici širinom.

Da li se nešto otprema?

Ne. Slike i ZIP fajl se prave u celosti u tvom pregledaču.