Kako stvoriti zamjensku sliku točne veličine?

Upišite Širina (px) i Visina (px), odaberite boje ili Temu boja, a zatim kliknite Preuzmi PNG, Preuzmi JPG ili Preuzmi SVG. Prema zadanim postavkama slika prikazuje svoje dimenzije, poput 800 x 600, kao oznaku.

Koja je najveća zamjenska slika koju mogu generirati?

Širina i visina moraju biti između 1 i 4000 piksela. Vrijednosti izvan tog raspona prikazuju pogrešku Širina i visina moraju biti između 1 i 4000 px.

Kako postaviti zamjensku sliku izravno u HTML bez datoteke?

Kliknite Kopiraj kao data URL i zalijepite ga u img oznaku kao vrijednost src. Također možete koristiti Kopiraj HTML isječak ili Kopiraj CSS pozadinu. Nije potreban vanjski host za slike.

Mogu li generirati standardne veličine za društvene mreže ili web?

Da. Unaprijed postavljene veličine uključuju Instagram objava, Instagram priča, Twitter kartica, Open Graph, YouTube sličica, Facebook naslovnica i Zaglavlje e-pošte. Preuzmi sve unaprijed postavljene (ZIP) sprema svih jedanaest kao PNG datoteke.

Kako staviti vlastiti tekst ili dijagonalne linije na zamjensku sliku?

Upišite oznaku u Prilagođeni tekst, na primjer Hero slika, umjesto prikaza dimenzija. Označite Prikaži dijagonalne linije (X) za crtanje blijedih dijagonala. Dugi tekst se automatski smanjuje kako bi stao u širinu.

Je li stvarno besplatno?

Da. Svaki alat je besplatan za korištenje, bez računa i bez kreditne kartice. Rad se odvija na vašem uređaju, a ne na našim poslužiteljima, što omogućuje da ostane besplatan.

Radi li na mobilnim uređajima?

Da. Radi u aktualnim mobilnim preglednicima na iOS-u i Androidu, bez instalacije.

🖼️

Generator zamjenskih slika — besplatno

Generirajte obojene zamjenske slike s prilagođenim dimenzijama, tekstom i bojama. Standardne veličine za društvene mreže, makete i dizajnerske nacrte.

Radi u preglednikuBez registracije, bez skočnih prozoraNije potrebna prijavaBesplatno zauvijek

Širina (px)

Visina (px)

Unaprijed postavljene veličine

Teme boja

Pozadina

Tekst / linije

Prilagođeni tekst (ostavite prazno za dimenzije)

Prikaži dimenzije ako nema prilagođenog tekstaPrikaži dijagonalne linije (X)

💡 Za HTML makete: koristite opciju „Kopiraj kao data URL" i zalijepite u <img src=\"...\"> za ugrađene placeholdere. Za Figma / Sketch dizajne, preuzmite PNG i uvucite ga.

Uobičajene namjene

Slike mjesta za dizajn mockupaGenerirajte okvire boja za upotrebu u Figmi, Sketch-u ili web dizajn mockupima prije nego što su prave slike spremne.
Uključene mjesta za HTML mockupaKoristite 'Kopiraj kao URL podataka' da biste direktno uključili slike mjesta u HTML za brze mockupa.
Mjesta za CMS vrstu sadržajaPri demonstraciji CMS šablona koristite mjesta umjesto stvarnog sadržaja za osjetljive preglede.
Šablone slika na društvenim mrežamaGenerirajte ispravno veličine mjesta za Instagram, Facebook, Twitter, LinkedIn šablone postova.
CSS slike testiranja izgledaGenerirajte slike sa ekstremnim omjerima aspekata za opterećenje testiranje odgovora CSS izgleda.

Kako funkcionira

Sve se odvija u vašem pregledniku koristeći HTML Canvas API i ručno napisani SVG markup — bez poslužitelja, bez slanja, bez usluge treće strane. Postavljate dimenzije, boje i tekst oznake, a alat boji sliku izravno na canvas element u stvarnom vremenu, zatim je na zahtjev serijalizira u PNG, JPEG ili SVG.

1
Konfigurirajte dimenzije i boje
Utipkajte širinu i visinu (1–4000 px svaka), ili odaberite jednu od jedanaest zadanih postavki koje pokrivaju uobičajene veličine za društvene mreže i dizajn. Odaberite boju pozadine i teksta iz ugrađenih tema ili izravno unesite bilo koju heks vrijednost; izvorni birač boja i provjereno tekstualno polje ostaju sinkronizirani.
2
Canvas API trenutačno renderira pregled
React efekt poziva drawPlaceholder() pri svakoj promjeni. Ova funkcija koristi CanvasRenderingContext2D za ispunjavanje pravokutnika bojom pozadine, opcionalno crta blijede dijagonalne linije s prozirnošću 15%, zatim mjeri i centrira vaš tekst oznake — automatski smanjujući font dok ne stane unutar 90% širine platna.
3
Izvezi kao PNG, JPEG ili SVG
PNG i JPEG preuzimanja pozivaju canvas.toDataURL(), pretvaraju base64 rezultat u Blob u memoriji i pokreću preuzimanje — sve sinkrono unutar geste korisnika tako da su pravila preuzimanja iOS Safarija zadovoljena. SVG izvoz gradi samostalni SVG niz s odgovarajućim pravokutnikom, opcionalnim dijagonalnim linijama i tekstualnim elementom, zatim ga sprema kao .svg datoteku.
4
Skupni izvoz i prečaci kopiranja
Gumb 'Preuzmi sve zadane postavke' dinamički uvozi JSZip, ponovno renderira svih jedanaest zadanih veličina na izvan-zaslonsko platno koristeći istu funkciju crtanja i pakira sve PNG-ove u jedan ZIP. Gumbi za kopiranje emitiraju PNG data URL, ugrađenu SVG img oznaku ili CSS deklaraciju background-image za trenutačno lijepljenje u kod.