Utilia
Kategorije ▾
Jezik: bs ▾

Generator placeholder slika

Napravi placeholder 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

Grupa uobičajenih veličina

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

Kako napraviti placeholder sliku

  1. Unesi Širinu (px) i Visinu (px), od 1 do 10.000 piksela. Pregled i omjer stranica se osvježavaju dok upisuješ.
  2. Upiši Tekst ili ga ostavi praznim da se ispiše veličina, na primjer „1200×630“.
  3. Odaberi Boju pozadine i Boju teksta.
  4. Ostavi Veličinu fonta (px) na 0 za automatsku veličinu koja odgovara slici ili unesi veličinu u pikselima. Odaberi Font.
  5. Odaberi Format: PNG, JPG, WebP ili SVG, zatim klikni Preuzmi sliku.

Da napraviš više veličina odjednom, otvori Grupa uobičajenih veličina, označi veličine koje trebaš (ili koristi Odaberi sve / Ukloni odabir) i klikni Preuzmi odabrane veličine (ZIP). Svaka slika koristi gore podešene boje, font i format; kada 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 uvećanju. Idealan je za makete, prototipe i HTML predloške. Tekst koristi sistemski font, pa se izgled može malo razlikovati između računara.
  • PNG daje tačne piksele bez gubitaka. Odaberi ga za alate za dizajn i kada je potrebna prava bitmapa.
  • JPG daje male datoteke za velike veličine i prihvata se svugdje, uključujući stare sisteme za upravljanje sadržajem.
  • WebP je manji od PNG-a i JPG-a, a podržavaju ga svi današnji preglednici.

Rasterski formati su ograničeni na oko 16,7 miliona piksela (na primjer 4096 × 4096), što je najveći canvas koji preglednici mogu kodirati. SVG nema takvo ograničenje.

Uobičajene veličine u grupi

Veličina Namjena
150 × 150 Sličica, avatar
300 × 250 Oglas, srednji pravougaonik
728 × 90 Oglas, leaderboard
160 × 600 Oglas, široki skyscraper
320 × 50 Mobilni baner
1200 × 630 Open Graph / pregled linka
1080 × 1080 Kvadratna objava
1080 × 1920 Story / vertikalni video
1280 × 720 HD video, 16:9
1920 × 1080 Full HD, 16:9
800 × 600 Slika 4:3
1600 × 500 Hero 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 placeholder slike?

Placeholderi rezervišu tačan prostor koji će slika zauzeti prije nego što prava slika postoji. To dizajnerima i programerima omogućava da provjere raspored, testiraju responzivne prelomne tačke ili pokažu 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 drži pažnju na rasporedu, a ne na sadržaju.

Pošto ovaj alat pravi prave datoteke, možeš ih koristiti bez interneta, spremiti u repozitorij ili ubaciti u alat za dizajn, bez ovisnosti o vanjskoj usluzi za placeholdere koja može prestati raditi ili pratiti posjetioce.

Česta pitanja

Kako dobiti placeholder bez teksta?

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

Mogu li koristiti ove slike u komercijalnim projektima?

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

Šta znači „ד u zadanom tekstu?

To je znak množenja koji se koristi za pisanje dimenzija, prvo širina: „1200×630“ je 1200 piksela široko i 630 piksela visoko.

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

Veličina se računa tako da tekst zauzme oko 80 % širine, a da ne pređe 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 server?

Ne. Slike i ZIP datoteka prave se u potpunosti u tvom pregledniku.

Srodni alati