UltKit

Konvertera HTML till JPG

Ladda upp en sparad webbsida, en e-postmall eller en HTML-rapport och få tillbaka hela sidan som en JPG-bild, från topp till botten. Du väljer webbläsarens bredd, så att resultatet visar antingen datorlayouten eller mobilvyn.

Dokument till bild

eller släpp DOC, DOCX, DOCM …-filer här ·

Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter

Utdata

Filerna bearbetas på våra servrar och raderas efter 30 minuter.

Så använder du verktyget

  1. 1

    Ladda upp HTML-filen

    Släpp en .html-, .htm- eller .mhtml-fil, upp till 20 åt gången. För sidor med bilder och stilar sparar du först sidan i webbläsaren som en enda fil (MHTML) så att allt följer med.

  2. 2

    Välj sidbredd

    HTML-sidans bredd börjar på 1280 px, en typisk bärbar dator. Ange 390 px för mobillayouten eller 600 px för en e-postmall. Bilder är inställt på en lång bild.

  3. 3

    Konvertera till JPG

    Tryck på Konvertera till JPG och ladda ner bilden. Ställ in Bilder på en per sida om du vill att sidan delas upp i bitar i utskriftsstorlek.

HTML till JPG är en skärmdump av hela sidan gjord från en fil: webbläsarbredden du väljer avgör layouten, och JPG-bilden fångar varje pixel av den.

Så blir en HTML-fil en JPG-bild

En HTML-fil är instruktioner, inte en bild. Webbläsaren läser koden, tillämpar stilmallarna, läser in bilder och typsnitt och lägger ut allt efter fönstrets bredd. Ändrar du bredden ordnar en responsiv sida om sig själv: kolumner staplas, menyer fälls ihop, bilder krymper. Därför frågar konverteraren efter HTML-sidans bredd före allt annat.

När layouten är klar fångas hela sidan uppifrån och ner, inte bara den del som får plats på en skärm. Med Bilder på en lång bild får du en enda hög JPG. Byter du till en per sida skärs samma innehåll i stället upp i bilder i sidstorlek.

Kvaliteten börjar på 85, vilket håller brödtexten läsbar men ger en fil som är mycket mindre än en PNG av samma sida. Höj den mot 95 om sidan har liten text eller tunna tabellkanter som måste vara skarpa.

1280 pxstandardbredd i webbläsaren när sidan renderas

Tillåtet intervall: 320 till 3840 px. Smala bredder visar mobillayouten, breda visar datorlayouten.

Välj sidbredd: hel datorsida eller mobilvy

Standardvärdet. De flesta webbplatser visar sin fulla datorlayout med navigeringsfält och sidokolumner vid den här bredden.

  • Granskning av webbplatser och kundgodkännanden
  • Arkivering av hur en sida såg ut
  • Presentationer och rapporter

När resultatet från HTML till JPG ser fel ut

  • Bilder saknas eller visas som trasiga ikoner

    Bilderna lagrades bredvid HTML-filen, inte i den. Spara sidan som en enda MHTML-fil, eller använd fullständiga webbadresser för bilderna.

  • Sidan är tom eller visar bara en laddningssymbol

    Innehållet byggs av skript efter att sidan laddats, eller ligger bakom en inloggning. Öppna sidan i webbläsaren, vänta tills den har laddats helt och spara den sedan som en enda fil.

  • Texten är avskuren vid högerkanten

    Sidan har en fast bredd som är större än fönstret. Höj HTML-sidans bredd så att den matchar, till exempel 1440 px.

  • JPG-filen är för stor för ett uppladdningsformulär

    Sänk Kvalitet till runt 70, använd en smalare bredd eller förminska resultatet efteråt med Komprimera bild.

HTML

HyperText Markup Language

HTML är webbens märkspråk, som Tim Berners-Lee först beskrev i början av 1990-talet och som numera underhålls av WHATWG som en levande standard. En HTML-fil beskriver rubriker, stycken, länkar, tabeller, bilder och formulär, medan utseendet oftast kommer från CSS. Alla webbläsare visar det, och det används också för e-postmallar och sparade webbsidor. En enskild HTML-fil är ofta beroende av externa bilder och stilmallar, så den kan se trasig ut när den flyttas ensam.

Komprimering
–
Transparens
–
Animation
–
Introducerades
1993 · Tim Berners-Lee; maintained by WHATWG
HTML-omvandlare

JPG

JPEG-bild

JPEG (eller JPG) är det mest använda fotoformatet och standardiserades av Joint Photographic Experts Group 1992. Det använder förlustbehäftad komprimering som kastar bort fina detaljer som ögat sällan märker, så att foton blir små nog för webben, e-post och telefonens lagring. Det hanterar mjuka toningar och naturmotiv bra, men skarp text, streckteckningar och platta färger får synliga block- eller suddartefakter. JPEG saknar transparens och animering, och varje ny sparning tappar lite mer kvalitet. Alla webbläsare, telefoner, kameror och bildredigerare kan öppna det.

Komprimering
Förlustfri komprimering saknas
Transparens
Nej
Animation
Nej
Introducerades
1992 · Joint Photographic Experts Group
JPG-omvandlare

HTML ser bara rätt ut i en webbläsare. När du gör om det till en JPG fryser du en och samma återgivning till en bild som du kan bifoga, publicera, arkivera eller lägga in i en presentation, där kod vore oanvändbar.

Frågor om HTML till JPG

Går det att klistra in en webbadress i stället för att ladda upp en HTML-fil?

Nej, den här konverteraren fungerar med HTML-filer som du laddar upp. Öppna sidan i webbläsaren, välj Spara sida som och sedan Webbsida, en enda fil (MHTML i Chrome och Edge), och ladda upp den filen. Den innehåller HTML, stilar och bilder tillsammans.

Varför visar min JPG bara ren text utan formatering?

HTML-koden sparades utan stilmall och bilder, vilket händer med alternativet Webbsida, endast HTML. Konverteraren ser bara kodens struktur. Spara sidan igen som en enda MHTML-fil, eller lägg in CSS direkt i HTML-koden innan du laddar upp.

Hur lång sida får plats i en JPG?

JPEG-formatet begränsar varje sida till 65 535 pixlar, så en extremt lång sida med stor bredd kan nå den gränsen. För långa artiklar ställer du in Bilder på en per sida, eller konverterar med HTML till PDF, som inte har någon sådan gräns.

Ska jag välja JPG eller PNG för en skärmbild av en webbsida?

JPG blir mindre och fungerar bra för sidor med foton. PNG håller liten text och tunna linjer helt skarpa och stöder transparent bakgrund, så det passar bättre för gränssnittsskisser och instrumentpaneler. Vår genomgång JPG, JPEG och PNG – skillnader beskriver avvägningen.

Varför ser typsnitten i bilden annorlunda ut än i min webbläsare?

Typsnitt som bara är installerade på din dator finns inte där sidan renderas, så ett reservtypsnitt används. Webbtypsnitt som är inbäddade i den sparade sidan, eller som laddas med sidans stilar, visas som tänkt.

Kan jag konvertera en HTML-mall för e-post till en bild som förhandsvisning?

Ja. Ställ in HTML-sidans bredd på 600 px, den bredd som de flesta e-postmallar är gjorda för, och behåll en lång bild. Resultatet blir ett snabbt visuellt underlag att dela med någon som inte ska få själva testmejlet.