Utilia
Kategórie ▾
Jazyk: sk ▾

Generátor zástupných obrázkov

Vytvor zástupné obrázky ľubovoľnej veľkosti s vlastnými farbami a textom vo formáte PNG, JPG, WebP alebo SVG, či ZIP s bežnými rozmermi bannerov. Zadarmo.

Formát

Dávka bežných rozmerov

Používa farby, text a formát uvedené vyššie. Pri prázdnom texte sa zobrazí každý rozmer.

Ako vytvoriť zástupný obrázok

  1. Zadaj Šírku (px) a Výšku (px) od 1 do 10 000 pixelov. Náhľad a jeho pomer strán sa aktualizujú počas písania.
  2. Napíš Text, alebo ho nechaj prázdny, aby sa vypísal rozmer, napríklad „1200×630“.
  3. Vyber Farbu pozadia a Farbu textu.
  4. Veľkosť písma (px) nechaj na 0 pre automatickú veľkosť, ktorá sa prispôsobí obrázku, alebo zadaj veľkosť v pixeloch. Vyber Písmo.
  5. Vyber Formát: PNG, JPG, WebP alebo SVG a klikni na Stiahnuť obrázok.

Ak chceš vytvoriť viac rozmerov naraz, otvor Dávku bežných rozmerov, zaškrtni rozmery, ktoré potrebuješ (alebo použi Vybrať všetko / Zrušiť výber) a klikni na Stiahnuť vybrané rozmery (ZIP). Každý obrázok používa farby, písmo a formát uvedené vyššie; keď je text prázdny, každý obrázok ukazuje svoj vlastný rozmer.

Aký formát zvoliť

  • SVG je najľahší (niekoľko stoviek bajtov bez ohľadu na rozmer) a zostáva ostrý pri akomkoľvek priblížení. Je ideálny pre makety, prototypy a šablóny HTML. Text používa systémové písmo, takže jeho vzhľad sa môže medzi počítačmi mierne líšiť.
  • PNG dáva presné bezstratové pixely. Vyber ho pre dizajnérske nástroje a vtedy, keď sa vyžaduje skutočný bitmapový obrázok.
  • JPG vytvára malé súbory pri veľkých rozmeroch a prijímajú ho všade vrátane starých redakčných systémov.
  • WebP je menší ako PNG a JPG a podporujú ho všetky súčasné prehliadače.

Rastrové formáty sú obmedzené na približne 16,7 milióna pixelov (napríklad 4096 × 4096), čo je najväčšie plátno, ktoré vedia prehliadače zakódovať. SVG takýto limit nemá.

Bežné rozmery v dávke

Rozmer Použitie
150 × 150 Miniatúra, avatar
300 × 250 Reklama stredný obdĺžnik
728 × 90 Reklama leaderboard
160 × 600 Reklama široký mrakodrap
320 × 50 Mobilný banner
1200 × 630 Open Graph / náhľad odkazu
1080 × 1080 Štvorcový príspevok
1080 × 1920 Story / vertikálne video
1280 × 720 Video HD, 16:9
1920 × 1080 Full HD, 16:9
800 × 600 Obrázok 4:3
1600 × 500 Hlavný banner webu

Reklamné rozmery vychádzajú zo štandardných jednotiek IAB, ktoré používa väčšina reklamných sietí; rozmery pre sociálne siete zodpovedajú odporúčaniam hlavných platforiem.

Prečo používať zástupné obrázky?

Zástupné obrázky vyhradia presne toľko miesta, koľko zaberie obrázok, ešte skôr, než skutočný obrázok existuje. Dizajnéri a vývojári si tak môžu overiť rozloženie, otestovať responzívne zlomové body alebo ukázať klientovi, kam prídu vizuály, bez hľadania fotografií z bánk. Rozmer vypísaný na obrázku jasne ukazuje, ktorú veľkosť dané miesto očakáva, a neutrálna sivá sústreďuje pozornosť na rozloženie, nie na obsah.

Keďže tento nástroj vytvára skutočné súbory, môžeš ich používať offline, ukladať do repozitára alebo vkladať do dizajnérskeho nástroja bez závislosti od externej služby zástupných obrázkov, ktorá môže vypadnúť alebo sledovať návštevníkov.

Často kladené otázky

Ako získam zástupný obrázok bez textu?

Do poľa Text napíš jednu medzeru. Obrázok bude obyčajný obdĺžnik farby pozadia.

Môžem tieto obrázky použiť v komerčných projektoch?

Áno. Obrázky sa generujú na tvojom zariadení podľa tvojich nastavení; nie je čo licencovať ani uvádzať.

Čo znamená „×“ v predvolenom texte?

Je to znak násobenia, ktorým sa zapisujú rozmery, najprv šírka: „1200×630“ znamená 1200 pixelov na šírku a 630 pixelov na výšku.

Prečo sa automatická veľkosť písma mení podľa textu?

Veľkosť sa počíta tak, aby text zaberal približne 80 % šírky, no neprekročil 30 % výšky. Krátky text na širokom bannere je obmedzený výškou; dlhý text na úzkom obrázku je obmedzený šírkou.

Nahráva sa niečo na server?

Nie. Obrázky aj súbor ZIP sa vytvárajú výhradne v tvojom prehliadači.

Súvisiace nástroje