Generator nadomestnih slik

Kako narediš nadomestno sliko

1. Vnesi Širino (px) in Višino (px), od 1 do 10 000 slikovnih pik. Predogled in razmerje stranic se osvežita med tipkanjem.
2. Vnesi Besedilo ali ga pusti prazno, da se izpiše velikost, na primer »1200×630«.
3. Izberi Barvo ozadja in Barvo besedila.
4. Pusti Velikost pisave (px) na 0 za samodejno velikost, ki se prilega sliki, ali vnesi velikost v slikovnih pikah. Izberi Pisavo.
5. Izberi Obliko zapisa: PNG, JPG, WebP ali SVG, nato klikni Prenesi sliko.

Če želiš naenkrat ustvariti veliko velikosti, odpri Serija pogostih velikosti, obkljukaj potrebne velikosti (ali uporabi Izberi vse / Počisti izbiro) in klikni Prenesi izbrane velikosti (ZIP). Vsaka slika uporabi zgornje barve, pisavo in obliko zapisa; kadar je besedilo prazno, vsaka slika prikaže svojo velikost.

Katero obliko zapisa izbrati

• SVG je najlažji (nekaj sto bajtov, ne glede na velikost) in ostane oster pri vsaki povečavi. Idealen je za makete, prototipe in predloge HTML. Besedilo uporablja sistemsko pisavo, zato je videz lahko med računalniki nekoliko drugačen.
• PNG da natančne slikovne pike brez izgub. Izberi ga za oblikovalska orodja in kadar potrebuješ pravo bitno sliko.
• JPG ustvari majhne datoteke pri velikih merah in ga sprejme vse, tudi stari sistemi za upravljanje vsebine.
• WebP je manjši od PNG in JPG, podpirajo pa ga vsi sodobni brskalniki.

Rastrske oblike zapisa so omejene na približno 16,7 milijona slikovnih pik (na primer 4096 × 4096), kar je največje platno, ki ga brskalniki lahko kodirajo. SVG take omejitve nima.

Pogoste velikosti v seriji

Velikosti oglasov sledijo standardnim enotam IAB, ki jih uporablja večina oglaševalskih omrežij; velikosti za družbena omrežja ustrezajo priporočilom večjih platform.

Zakaj uporabljati nadomestne slike?

Nadomestne slike rezervirajo natanko toliko prostora, kot ga bo zavzela prava slika, preden ta obstaja. Tako lahko oblikovalci in razvijalci preverijo postavitev, preizkusijo odzivne prelomne točke ali stranki pokažejo, kam pridejo slike, ne da bi iskali stock fotografije. Izpis mer na sliki jasno pokaže, kakšno velikost pričakuje vsako mesto, nevtralna siva pa pozornost usmeri na postavitev in ne na vsebino.

Ker to orodje ustvari prave datoteke, jih lahko uporabljaš brez povezave, jih shraniš v repozitorij ali spustiš v oblikovalsko orodje, brez odvisnosti od zunanje storitve za nadomestne slike, ki bi lahko prenehala delovati ali sledila obiskovalcem.