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.
Grupa uobičajenih veličina
Koristi gore navedene boje, tekst i format. Prazan tekst prikazuje svaku veličinu.
Kako da napraviš placeholder sliku
- Upiši Širina (px) i Visina (px), od 1 do 10.000 piksela. Pregled i odnos stranica osvežavaju se dok kucaš.
- Upiši Tekst, ili ga ostavi praznim da se ispiše veličina, na primer „1200×630“.
- Izaberi Boja pozadine i Boja teksta.
- Ostavi Veličina fonta (px) na 0 za automatsku veličinu koja odgovara slici, ili upiši veličinu u pikselima. Izaberi Font.
- 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.
Srodni alati
- SVG u PNG Pretvori SVG u PNG, JPG ili WebP u pregledaču sa bilo kojom širinom, visinom, razmerom ili DPI-jem, uz providnu ili obojenu pozadinu. Bez otpremanja.
- Veličine slika za društvene mreže Promeni veličinu fotografija za Instagram, Facebook, LinkedIn, X, YouTube i Pinterest odjednom, uz sečenje oko žižne tačke ili uklapanje sa zamućenom pozadinom.
- Lorem ipsum generator Generiši Lorem ipsum tekst za popunu po pasusima, rečenicama, rečima ili stavkama liste, kao običan tekst ili HTML, uz opciju francuskog teksta za popunu.
- Promena veličine slike Promeni veličinu JPG, PNG i WebP slika po pikselima ili procentu, zadrži proporcije i obradi više fotografija odjednom, direktno u pregledaču.