UltKit

HTML PNG bihurgailua

Bihurtu gordetako web orri bat, panel baten esportazioa edo osagai baten maketa PNG irudi, letra eta lerro fin bakoitza nabigatzaileak marraztu zuen bezala gera dadin. Aukeratu leihoaren zabalera, eta diseinua horren arabera egokituko da.

Dokumentutik irudira

edo jaregin DOC, DOCX, DOCM … fitxategiak hemen ·

Gehienez 95 MB fitxategiko· 20 fitxategi arte· 30 minutu geroago ezabatzen da

Irteera

Fitxategiak gure zerbitzarietan prozesatzen dira eta 30 minutu geroago ezabatzen dira.

Tresna hau nola erabili

  1. 1

    Gehitu HTML fitxategia

    Igo .html, .htm edo .mhtml fitxategiak, lote bakoitzeko gehienez 20 eta bakoitza 95 MB-ra arte. MHTML fitxategi bakar gisa gordetako orri batek bere irudiak eta estiloak barruan eramaten ditu.

  2. 2

    Ezarri leihoaren zabalera

    HTML orriaren zabalera 1280 px-etik hasten da. Erabili 390 px telefonoko diseinurako edo 1920 px aginte-panel zabal baterako. Bihurtu honetara PNG da jada eta Irudiak irudi luze bakarra da.

  3. 3

    Bihurtu PNG formatura

    Sakatu Bihurtu PNG formatura. Aktibatu Atzeko plano gardena Ezarpen aurreratuak atalean, orriak berezko atzeko kolorerik ez badu eta irudia beste material grafiko baten gainean jarriko bada.

Erantzuna

Nola bihurtu HTML PNG formatura?

Igo .html edo .mhtml fitxategia, ezarri HTML orriaren zabalera imitatu nahi duzun pantailara eta sakatu Bihurtu PNG formatura. Errendatutako orri osoa irudi bakar eta galerarik gabe itzuliko da.

Bihurtu HTML PNG testuak eta lerroek zorrotz jarraitu behar dutenean

PNG 1996tik W3C Gomendioa da eta galerarik gabeko konpresioa erabiltzen du; beraz, 14 px-ko gorputz-testuaren ertz leunduak, pixel bateko taula-ertzak eta sintaxi-koloredun kodea osorik geratzen dira. Horregatik erantsten dituzte garatzaileek PNG harrapaketak akats-txostenetan eta partekatzen dituzte diseinatzaileek berrikuspenetan: inork ez du zalantzarik izan behar ertz lauso bat CSS arazoa ala konpresio-artefaktua den.

Prezioa tamaina da. Testuz eta kolore lauz osatutako orri bat ondo konprimitzen da; argazkiz betetakoa ez. Harrapaketa txat batera edo posta elektroniko batera badoa, non tamainak xehetasun zorrotzak baino garrantzi handiagoa duen, JPG fitxategi txikiagoa da. Dokumentaziorako, bertsio-oharretarako, aginte-paneletarako eta estilo-gidetarako, PNG da aukera seguruagoa.

Zabalerak erabakitzen du diseinua. HTMLk ez du orri finkorik: fitxategi berak hiru zutabeko mahaigaineko diseinua erakusten du 1280 px-n eta zutabe bakar pilatua 390 px-n. Bihurgailuak orria sartzen duzun HTML orriaren zabaleran antolatzen du, 320 eta 3840 px artean, eta gero lehen lerrotik oinera arte harrapatzen du.

HTML PNG bihurgailuaren zabalerak pantaila ohikoetarako

195:422

390 × 844 px

Telefonoa

iPhone berri askoren CSS viewport-a; mugikorreko diseinua erakusten du

41:59

820 × 1180 px

Tableta

iPad Air bertikalean; webgune askok breakpoint-ak hemen inguruan aldatzen dituzte

8:5

1280 × 800 px

Eramangarria

Bihurgailu honetako zabalera lehenetsia

16:9

1920 × 1080 px

Full HD monitorea

Aginte-panel eta administrazio-panel zabalak

HTML

HyperText Markup Language

HTML webaren markatze-lengoaia da, Tim Berners-Leek 1990eko hamarkadaren hasieran deskribatua eta gaur egun WHATWGk bizi den estandar gisa mantentzen duena. HTML fitxategi batek izenburuak, paragrafoak, estekak, taulak, irudiak eta inprimakiak deskribatzen ditu, eta estiloa normalean CSStik dator. Nabigatzaile guztiek errenderizatzen dute, eta posta elektronikoko txantiloietan eta gordetako web orrietan ere erabiltzen da. HTML fitxategi bakar batek sarri kanpoko irudi eta estilo-orrien mende dago, beraz hondatuta ager daiteke bakarrik mugitzen bada.

Konpresioa
–
Gardentasuna
–
Animazioa
–
Sorrera urtea
1993 · Tim Berners-Lee; maintained by WHATWG
HTML bihurtzailea

PNG

Portable Network Graphics

PNG 1996an PNG Development Group-ek argitaratutako raster formatu galtzailerik gabekoa da, eta geroago W3C-k eta ISO-k estandarizatu zuten. Pixel guztiak zehazki gordetzen ditu, alfa-gardentasun osoa onartzen du eta testua, ertz zorrotzak eta kolore lauak artefakturik gabe maneiatzen ditu. Zehaztasun horri esker aproposa da pantaila-argazkietarako, logotipoetarako, ikonoetarako eta interfaze-grafikoetarako. Trukean, tamaina handia da: PNG gisa gordetako argazkiak JPEG edo WebP gisa gordetakoak baino sarritan hainbat aldiz handiagoak dira. Nabigatzaile, sistema eragile eta editore guztiek irekitzen dute PNG.

Konpresioa
Galerarik gabe
Gardentasuna
Bai
Animazioa
Ez
Sorrera urtea
1996 · PNG Development Group
PNG bihurtzailea

PNG aukeratzen da orria gehienbat testua, kodea, taulak edo interfaze-piezak direnean: pixel galerarik gabeek lerro fin eta letra txikiak garbi mantentzen dituzte dokumentazioan, akats-txostenetan eta diseinu-berrikuspenetan, non JPG artefaktuak nabarituko liratekeen.

Bihurtu HTML PNG estiloak eta letra-tipoak galdu gabe

Berez, .html fitxategi soil batek beste nonbait gordetako gauzen mende egon ohi da: css karpetako estilo-orri bat, jatorrizko zerbitzariko irudiak, letra-tipo zerbitzu bateko letrak. Falta direnean, orria estilorik gabeko testura itzultzen da, letra-tipo lehenetsiarekin. Chrome edo Edge-n orria Webpage, Single File gisa gordetzean .mhtml fitxategia sortzen da, estiloak eta irudiak elkarrekin mantentzen dituena; hori da igotzeko aukerarik fidagarriena.

Web letra-tipoek arau bera dute. @font-face bidez deklaratutako letra-tipoa bere fitxategia eskuragarri badago bakarrik kargatzen da; zure ordenagailuan bakarrik dagoen letra-tipoa antzeko batekin ordezkatzen da. Tipografia zehatza garrantzitsua bada, txertatu letra-tipoa edo egiaztatu emaitza bidali aurretik.

Zabalera finkoak txosten baten asteko harrapaketak alboz albo alderagarri egiten ditu. Emaitzak inprimatzeko testu hautagarri izaten jarraitu behar badu, HTML PDF bihurtu da erabili beharreko formatua.

HTML PNG bihurtzeari buruzko galderak

HTML PNG bihurtzea nire nabigatzailearen pantaila-argazkia baino hobea al da?

Nabigatzaileko pantaila-argazkiak pantailan sartzen dena soilik hartzen du, orri osoa harrapatzeko tresna bat erabiltzen ez baduzu, eta zabalera zure leihoaren araberakoa da. Hemen zabalera zuk ezarritako zenbaki bat da; beraz, aste batzuk tartean eginiko bi harrapaketa zehatz-mehatz berdinak dira, eta orri osoa sartzen da, lehen lerrotik oinera arte.

Zergatik da PNGa orri bera JPG gisa baino hainbat aldiz handiagoa?

PNGk pixel guztiak galerarik gabe gordetzen ditu. Testua eta kolore lauak oso ondo konprimitzen dira horrela, baina argazkiak, gradienteak eta bideo-azalak ez; beraz, argazki askoko landing orri batek PNG handia sor dezake. Orri horietarako HTML JPG bihurtu aukera arinagoa da; kode-adibide, grafiko eta interfazeetarako, berriz, lausotzea ez da normalean merezi.

PNGak atzeko plano gardena izan dezake zuriaren ordez?

Bai. Aktibatu Atzeko plano gardena. Orriak berak atzeko kolorerik ezartzen ez duen lekuetan soilik ikusiko da, beraz gorputz zuria duen webgune batek zuri jarraituko du. Hobekien funtzionatzen du HTML fitxategi independente gisa eraikitako osagai edo txapa bakar batekin.

Bihurgailuak orriko JavaScripta exekutatzen al du?

Orria irekitzean script batek eraikitako edukia ager daiteke, baina klik, scroll edo saio-hasiera baten zain dagoen ezer ez. Grafiko edo taula bat elkarrekintzaren ondoren soilik badago, ireki orria zure nabigatzailean, utzi amaitzen eta gorde fitxategi bakar gisa igo aurretik.

Nola egin orri luze baten goiko zatiaren irudia soilik?

Aldatu Irudiak orriko bat izateko eta ezarri Orriak Lehen orria. Luzera osoaren ordez, orri-tamainako lehen atala jasoko duzu. Gero marko zehatz batera doitzeko, erabili irudia moztu tresna.