ImageCompressor.si

Meni

Na Pro

Videz

Jezik

ZasebnostPogoji uporabeVračila

HTML v PNG

PNG vašega HTML z ostrim besedilom in po želji prosojnim ozadjem.

Prilepite HTML in CSS ali odprite datoteko .html. Slika se nariše med tipkanjem.

Odpri urejevalnik HTML
  • Privzeto zasebnoIzbris v eni uri
  • Zelo hitroObdelava v sekundah
  • Brez prijaveZačnite takoj

PNG je prava izbira za risbo iz besedila, črt in enobarvnih ploskev. Pri shranjevanju se nič ne izgubi, robovi ostanejo čisti, območje brez ozadja pa lahko ostane prazno, da slika leži na kateri koli barvi. Ta stran pretvori HTML in CSS prav v tako datoteko.

Značilne rabe so značke, nalepke, gumbi, e-poštni podpisi, kartice stanja, diagrami v SVG in makete vmesnikov za diapozitiv ali dokument. Oznake napišete enkrat, zamenjate besedo ali barvo in sliko v sekundi narišete znova, namesto da odpirate program za oblikovanje.

Sliko naredi pogon brskalnika na našem strežniku, zato se postavitev ujema s tem, kar vidite v Chromu. Skripti so izklopljeni in stran ne more prenesti ničesar z interneta, zato lahko varno izvajamo strani neznanih ljudi. Slike in pisave morajo biti v sami strani.

Čisto ozadje

Vklopite prosojno ozadje in vsako območje, ki ga vaša stran ne pobarva, ostane v PNG prozorno. Pazite na elementa body in html: barva ozadja, nastavljena na enem od njiju, se pobarva, zato jo odstranite, če naj bo slika prosojna.

Predogled za sliko kaže šahovnico, da ločite prozorna območja od belih. Sence so narisane z delno prosojnostjo, zato mehka senca pade na barvo, na katero datoteko postavite.

Ostro pri vsaki gostoti

Zasloni z veliko gostoto pik potrebujejo več pik za enako velikost na steklu. Ločljivost nastavite na 2x ali 3x in postavitev ostane, kot je zapisana, slika pa ima v vsaki smeri dva- ali trikrat več pik.

Z dvojno ločljivostjo je datoteka približno trikrat ali štirikrat večja, ker je pik štirikrat več. Če je datoteka za svojo rabo pretežka, se vrnite na 1x ali PNG pošljite skozi naš stiskalnik.

Prava velikost

Najprej nastavite širino, saj ta določa, kako se besedilo prelomi. Nato nastavite višino na območje, ki ga želite. Pri znački ali gumbu izmerite element, uporabite njegovo velikost in odvečni rob odrežite v oznakah.

Številke po možnosti zaokrožite. Značka, široka 240 pik, je pri 2x datoteka, široka 480 pik, kar zadošča za večino dokumentov. Na 3x pojdite le, če bo slika natisnjena ali prikazana zelo veliko.

Pogosta vprašanja

Zakaj je ozadje belo, čeprav sem zahteval prosojno?

Nekaj v strani ga pobarva. Poiščite ozadje na elementu body ali html ali kontejner polne širine z barvo. Odstranite to pravilo in narišite znova.

Ali je besedilo res ostro?

Besedilo se nariše iz obrisov pisave v končni velikosti, ne povečano naknadno, zato ostane ostro pri 2x in 3x. Za tisk izberite najvišjo ločljivost, ki jo potrebujete.

Ali lahko vdelam svoj logotip?

Da, kot podatkovni naslov. Logotip pretvorite v base64 in ga vstavite v src oznake slike ali pa neposredno prilepite vrstični SVG.

Ali so spletne pisave podprte?

Pisava mora potovati v strani, zapisana kot podatkovni naslov v pravilu font face. Brez nje stran uporabi pisave, nameščene na našem stroju, kot sta Liberation in DejaVu.

Kaj se zgodi z mojo kodo potem?

Izbriše se takoj, ko je slika narejena. Shrani se samo rezultat, za katerega zahtevate povezavo, in to največ eno uro.

Ali lahko iz SVG naredim PNG?

Da. Oznake SVG vstavite v stran, jih z CSS prilagodite velikosti in narišite. Dobite PNG v poljubni ločljivosti, kar je prikladno, kadar program sprejema le rastrske slike.

Sorodna orodja