Kako da napravim sliku za popunjavanje tačno određene veličine?

Unesite Širina (px) i Visina (px), izaberite boje ili Temu boja, a zatim kliknite Preuzmi PNG, Preuzmi JPG ili Preuzmi SVG. Podrazumevano, slika prikazuje svoje dimenzije, kao što je 800 x 600, kao oznaku.

Koja je najveća slika za popunjavanje koju mogu da generišem?

Širina i visina moraju biti između 1 i 4000 piksela. Vrednosti izvan tog opsega prikazuju grešku Širina i visina moraju biti između 1 i 4000 px.

Kako da stavim sliku za popunjavanje direktno u HTML bez datoteke?

Kliknite Kopiraj kao data URL i nalepite ga u img tag kao src vrednost. Takođe možete koristiti Kopiraj HTML isečak ili Kopiraj CSS pozadinu. Nije potreban spoljni host za slike.

Mogu li da generišem standardne veličine za društvene mreže ili veb?

Da. Unapred definisane veličine uključuju Instagram objava, Instagram priča, Twitter kartica, Open Graph, YouTube sličica, Facebook naslovnica i Zaglavlje e-maila. Preuzmi sve presetke (ZIP) čuva svih jedanaest kao PNG datoteke.

Kako da stavim svoj tekst ili dijagonalne linije na sliku za popunjavanje?

Unesite oznaku u polje Prilagođeni tekst, na primer Hero slika, umesto prikazivanja dimenzija. Označite Prikaži dijagonalne linije (X) da biste nacrtali blage dijagonale. Dugačak tekst se automatski smanjuje da bi stao u širinu.

Da li je zaista besplatno?

Da. Svaka alatka je besplatna za korišćenje, bez naloga i bez kreditne kartice. Obrada se obavlja na vašem uređaju, a ne na našim serverima, što omogućava da ostane besplatna.

Da li radi na mobilnim uređajima?

Da. Radi u aktuelnim mobilnim pregledačima na iOS-u i Androidu, bez instalacije.

🖼️

Generator slika za popunjavanje — besplatno

Generišite slike za popunjavanje u boji sa prilagođenim dimenzijama, tekstom i bojama. Standardne veličine za društvene mreže, makete i dizajn kompove.

Radi u pregledačuBez registracije, bez iskačućih prozoraNije potrebna prijavaBesplatno zauvek

Širina (px)

Visina (px)

Unapred definisane 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 nalepite u <img src="..."> za ugrađene zamenske slike. Za Figma / Sketch dizajne, preuzmite PNG i prevucite ga unutra.

Uobičajene upotrebe

Slike zastupnika za makete dizajnaGenerišite veće boje za korišćenje u Figma, Sketch ili maketima veb dizajna pre nego što su prave slike spremne.
Vstavljena zastupnika za HTML maketeKoristite 'Kopiraj kao URL-tu datoteku' da ugradite slike zastupnika direktno u HTML za brze makete.
Zastupnika za CMS utisnutih sadržajaPrilikom demonstriranja CMS šablona, koristite slike zastupnika umesto pravih sadržaja za osetljive preglede.
Šabloni slika društvenih medijumaGenerišite pravilno veličine zastupnike za Instagram, Facebook, Twitter, LinkedIn šablone postova.
CSS slike testiranja raspletaGenerišite slike sa ekstremnim proporcijama aspekta da stresirate odzivne CSS rasplete.

Kako funkcioniše

Sve se dešava u vašem pregledaču koristeći HTML Canvas API i ručno napisan SVG markup — bez servera, bez otpremanja, bez usluge trećih strana. Podešavate dimenzije, boje, i tekst oznake, i alatka boji sliku direktno na platno element u realnom vremenu, zatim je serijalizuje u PNG, JPEG, ili SVG na zahtev.

1
Podesite dimenzije i boje
Otkucajte širinu i visinu (1–4000 px svaka), ili izaberite jedan od jedanaest predložaka koji pokrivaju uobičajene veličine društvenih mreža i dizajna. Izaberite boju pozadine i teksta iz ugrađenih tema ili unesite bilo koju heksadecimalnu vrednost direktno; prirodan birač boje i validirano tekst polje ostaju sinhronizovani.
2
Canvas API trenutno iscrtava pregled
React efekat poziva drawPlaceholder() pri svakoj promeni. Ova funkcija koristi CanvasRenderingContext2D da popuni pravougaonik bojom pozadine, opciono nacrta blage dijagonalne linije nišana na 15% neprozirnosti, zatim izmeri i centralno poravna vaš tekst oznake — automatski smanjujući font dok ne stane unutar 90% širine platna.
3
Izvoz kao PNG, JPEG, ili SVG
PNG i JPEG preuzimanja pozivaju canvas.toDataURL(), konvertuju base64 rezultat u Blob u memoriji, i pokreću preuzimanje — sve sinhrono unutar gesta korisnika tako da su pravila preuzimanja iOS Safari-ja zadovoljena. SVG izvoz gradi samostalan SVG niz sa odgovarajućim rect, opcionim dijagonalnim linijama, i text elementom, zatim ga čuva kao .svg fajl.
4
Grupni izvoz i prečice za kopiranje
Dugme 'Preuzmi sve predloške' dinamički uvozi JSZip, ponovo iscrtava svaku od jedanaest veličina predložaka na van-ekransko platno koristeći istu funkciju crtanja, i pakuje sve PNG-ove u jedan ZIP. Dugmad za kopiranje emituju PNG data URL, inline SVG img oznaku, ili CSS background-image deklaraciju za trenutno lepljenje u kod.