# Konvertera PowerPoint-presentationer till HTML i Java > Konvertera PowerPoint-presentationer till HTML i Java. Använd Aspose.Slides för att exportera PPT- och PPTX-filer, utvalda bilder, anteckningar, teckensnitt, bilder, SVG och media. Source: https://docs.aspose.com/slides/sv/java/convert-powerpoint-to-html/ Updated: 2026-06-11 ## **Översikt** Aspose.Slides for Java kan spara PowerPoint‑presentationer som HTML utan Microsoft PowerPoint. Den grundläggande konverteringen är en enda [Presentation](https://reference.aspose.com/slides/sv/java/com.aspose.slides/presentation/)‑laddning och ett `save`‑anrop med [SaveFormat](https://reference.aspose.com/slides/sv/java/com.aspose.slides/saveformat/). Använd [HtmlOptions](https://reference.aspose.com/slides/sv/java/com.aspose.slides/htmloptions/) när du måste kontrollera den exporterade layouten, teckensnitt, bilder, anteckningar, kommentarer, SVG‑utdata eller länkade resurser. Denna guide fokuserar på praktiska HTML‑exportscenarier: - Exportera en hel presentation eller valda bilder. - Generera fast layout, responsiv eller SVG‑baserad HTML. - Inkludera talarnoter och kommentarer. - Kontrollera bildkvalitet och beskurna bilddata. - Bädda in teckensnitt eller spara teckensnittsfiler separat. - Välj hur externa resurser och mediafiler skrivs och refereras. Som standard producerar HTML‑export ett självständigt HTML‑dokument där de flesta resurser är inbäddade. Detta är bekvämt för att dela en enda fil, men det kan öka filstorleken. För webbpublicering, överväg externa resurser, lägre bild‑DPI och endast bädda in teckensnitt som inte på ett pålitligt sätt finns tillgängliga i målmiljön. ## **Konvertera en presentation till HTML** För att exportera en presentation till HTML, ladda den med [Presentation](https://reference.aspose.com/slides/sv/java/com.aspose.slides/presentation/) och spara den med [SaveFormat.Html](https://reference.aspose.com/slides/sv/java/com.aspose.slides/saveformat/). ```java Presentation presentation = new Presentation("presentation.pptx"); try { presentation.save("presentation.html", SaveFormat.Html); } finally { presentation.dispose(); } ``` Detta exempel skriver en HTML‑fil. Presentation‑objektet frigörs i `finally`‑blocket, vilket släpper filhandtag och renderingsresurser efter export. ## **Använd HtmlOptions** [HtmlOptions](https://reference.aspose.com/slides/sv/java/com.aspose.slides/htmloptions/) är huvudkonfigurationsklassen för HTML‑export. Vanliga inställningar inkluderar: - `SlidesLayoutOptions`: lägger till anteckningar, kommentarer, handouts eller annan layoutinformation. - `HtmlFormatter`: ändrar HTML‑dokumentets struktur eller delegerar formatering till en controller. - `SlideImageFormat`: ändrar hur bilder representeras, till exempel som SVG. - `PicturesCompression`: styr bild‑DPI och utdata­storlek. - `DeletePicturesCroppedAreas`: behåller eller tar bort beskurna bilddata. - `SvgResponsiveLayout`: får exporterad SVG‑innehåll att anpassa sig till sin container. - `ShowHiddenSlides`: inkluderar dolda bilder när det krävs. Följande sektioner visar de vanligaste alternativen separat så att du kan kombinera endast de som ditt arbetsflöde behöver. ## **Konvertera valda bilder till HTML** `Presentation.save`‑överladdningen som accepterar bildnummer använder bildpositioner med 1‑baserad indexering. Loopen nedan sparar varje bild till en separat HTML‑fil. ```java Presentation presentation = new Presentation("presentation.pptx"); try { int slideCount = presentation.getSlides().size(); for (int slideIndex = 0; slideIndex < slideCount; slideIndex++) { int slideNumber = slideIndex + 1; int[] slideNumbers = { slideNumber }; String htmlFileName = "slide-" + slideNumber + ".html"; presentation.save(htmlFileName, slideNumbers, SaveFormat.Html); } } finally { presentation.dispose(); } ``` Använd detta mönster när en webbplats eller applikation behöver en HTML‑sida per bild. Om varje bild ska ha samma layout, skapa en [HtmlOptions](https://reference.aspose.com/slides/sv/java/com.aspose.slides/htmloptions/)‑instans och skicka den till varje `save`‑anrop. ## **Skapa responsiv HTML** [ResponsiveHtmlController](https://reference.aspose.com/slides/sv/java/com.aspose.slides/responsivehtmlcontroller/) tillhandahåller responsiv HTML‑utdata via [HtmlFormatter](https://reference.aspose.com/slides/sv/java/com.aspose.slides/htmlformatter/). Använd den när den exporterade sidan bör anpassa sig bättre till webbläsarens bredd. ```java Presentation presentation = new Presentation("presentation.pptx"); try { ResponsiveHtmlController controller = new ResponsiveHtmlController(); HtmlFormatter formatter = HtmlFormatter.createCustomFormatter(controller); HtmlOptions htmlOptions = new HtmlOptions(); htmlOptions.setHtmlFormatter(formatter); presentation.save("presentation-responsive.html", SaveFormat.Html, htmlOptions); } finally { presentation.dispose(); } ``` För SVG‑baserad responsiv layout, ange `SvgResponsiveLayout` på [HtmlOptions](https://reference.aspose.com/slides/sv/java/com.aspose.slides/htmloptions/). Detta är användbart när bildinnehållet exporteras som skalbar SVG‑markup. ```java Presentation presentation = new Presentation("presentation.pptx"); try { HtmlOptions htmlOptions = new HtmlOptions(); htmlOptions.setSvgResponsiveLayout(true); presentation.save("presentation-svg-responsive.html", SaveFormat.Html, htmlOptions); } finally { presentation.dispose(); } ``` ## **Inkludera talarnoter och kommentarer** Använd [NotesCommentsLayoutingOptions](https://reference.aspose.com/slides/sv/java/com.aspose.slides/notescommentslayoutingoptions/) via `HtmlOptions.setSlidesLayoutOptions` för att inkludera talarnoter eller kommentarer. Noter och kommentarer är dolda som standard om du inte väljer deras positioner. Anta att källpresentationen innehåller talarnoter: ![Bild med talarnoter i PowerPoint](slide_with_notes.png) ```java Presentation presentation = new Presentation("presentation.pptx"); try { NotesCommentsLayoutingOptions layoutOptions = new NotesCommentsLayoutingOptions(); layoutOptions.setNotesPosition(NotesPositions.BottomFull); HtmlOptions htmlOptions = new HtmlOptions(); htmlOptions.setSlidesLayoutOptions(layoutOptions); presentation.save("presentation-with-notes.html", SaveFormat.Html, htmlOptions); } finally { presentation.dispose(); } ``` Följande kod exporterar bildinnehållet med talarnoter under bilden. ![HTML‑utdata med bilden och talarnoter](HTML_with_notes.png) För att exportera kommentarer, sätt `CommentsPosition`, till exempel till `CommentsPositions.Right` eller `CommentsPositions.Bottom`. Om du bara behöver kommentarer, utelämna `NotesPosition`. Om du behöver både noter och kommentarer, sätt båda egenskaperna. ## **Kontrollera bildkvalitet och beskurna områden** HTML‑export kan komprimera bildbilder för att minska utdata­storleken. Ställ in `PicturesCompression` till ett värde från [PicturesCompression](https://reference.aspose.com/slides/sv/java/com.aspose.slides/picturescompression/) när du behöver högre bildkvalitet. ```java Presentation presentation = new Presentation("presentation.pptx"); try { HtmlOptions htmlOptions = new HtmlOptions(); htmlOptions.setPicturesCompression(PicturesCompression.Dpi150); presentation.save("presentation-dpi-150.html", SaveFormat.Html, htmlOptions); } finally { presentation.dispose(); } ``` Som standard kan beskurna områden av bilder tas bort från den exporterade utdata. Behåll beskurna data endast när användare måste kunna återställa eller inspektera de dolda bilddelarna. Att behålla dem kan öka HTML‑storleken. ```java Presentation presentation = new Presentation("presentation.pptx"); try { HtmlOptions htmlOptions = new HtmlOptions(); htmlOptions.setDeletePicturesCroppedAreas(false); presentation.save("presentation-with-cropped-areas.html", SaveFormat.Html, htmlOptions); } finally { presentation.dispose(); } ``` ## **Lägg till CSS** För enkel styling, skicka en CSS‑sträng till `HtmlFormatter.createDocumentFormatter`. Detta ändrar det omgivande HTML‑dokumentet medan Aspose.Slides fortsätter att rendera bildinnehållet. ```java Presentation presentation = new Presentation("presentation.pptx"); try { String cssRules = "body { margin: 0; background: #f7f7f7; } .slide { margin: 24px auto; }"; HtmlFormatter formatter = HtmlFormatter.createDocumentFormatter(cssRules, true); HtmlOptions htmlOptions = new HtmlOptions(); htmlOptions.setHtmlFormatter(formatter); presentation.save("presentation-styled.html", SaveFormat.Html, htmlOptions); } finally { presentation.dispose(); } ``` För ett anpassat dokumenthuvud, en länkad CSS‑fil eller anpassad markup runt bilder och former, implementera [IHtmlFormattingController](https://reference.aspose.com/slides/sv/java/com.aspose.slides/ihtmlformattingcontroller/) och skicka den till [HtmlFormatter](https://reference.aspose.com/slides/sv/java/com.aspose.slides/htmlformatter/) med `createCustomFormatter`. ## **Bädda in teckensnitt** Om målmiljön kanske inte har presentationens teckensnitt installerade, bädda in teckensnitt i HTML med [EmbedAllFontsHtmlController](https://reference.aspose.com/slides/sv/java/com.aspose.slides/embedallfontshtmlcontroller/). Inbäddning förbättrar visuell noggrannhet men ökar utdata­storleken. ```java Presentation presentation = new Presentation("presentation.pptx"); try { String[] fontNamesToExclude = { "Arial" }; EmbedAllFontsHtmlController fontController = new EmbedAllFontsHtmlController(fontNamesToExclude); HtmlFormatter formatter = HtmlFormatter.createCustomFormatter(fontController); HtmlOptions htmlOptions = new HtmlOptions(); htmlOptions.setHtmlFormatter(formatter); presentation.save("presentation-embedded-fonts.html", SaveFormat.Html, htmlOptions); } finally { presentation.dispose(); } ``` Uteslut teckensnitt endast när du är säker på att mål‑webbläsarna eller systemen redan tillhandahåller dem. För varumärkesteckensnitt eller mindre vanliga teckensnitt är inbäddning vanligtvis säkrare. ## **Länka teckensnittsfiler i stället för att bädda in dem** För att minska HTML‑filens storlek kan du skriva teckensnittsdata till separata WOFF‑filer och lägga till `@font-face`‑regler i HTML. Hjälpen nedan utökar [EmbedAllFontsHtmlController](https://reference.aspose.com/slides/sv/java/com.aspose.slides/embedallfontshtmlcontroller/) och åsidosätter `writeFont`. ```java class LinkedFontsHtmlController extends EmbedAllFontsHtmlController { private final java.nio.file.Path fontOutputDirectory; private final String fontUrlPrefix; LinkedFontsHtmlController( java.nio.file.Path fontOutputDirectory, String fontUrlPrefix) throws java.io.IOException { super(new String[0]); this.fontOutputDirectory = fontOutputDirectory; this.fontUrlPrefix = fontUrlPrefix.endsWith("/") ? fontUrlPrefix : fontUrlPrefix + "/"; java.nio.file.Files.createDirectories(fontOutputDirectory); } @Override public void writeFont( IHtmlGenerator generator, IFontData originalFont, IFontData substitutedFont, String fontStyle, String fontWeight, byte[] fontData) { try { IFontData font = substitutedFont == null ? originalFont : substitutedFont; String safeFontName = makeSafeFileName(font.getFontName()); String safeFontStyle = fontStyle == null || fontStyle.trim().isEmpty() ? "normal" : fontStyle; String safeFontWeight = fontWeight == null || fontWeight.trim().isEmpty() ? "normal" : fontWeight; String fontFileName = safeFontName + "-" + safeFontStyle + "-" + safeFontWeight + ".woff"; java.nio.file.Path fontFilePath = fontOutputDirectory.resolve(fontFileName); java.nio.file.Files.write(fontFilePath, fontData); String encodedFontFileName = java.net.URLEncoder.encode(fontFileName, "UTF-8"); String fontUrl = fontUrlPrefix + encodedFontFileName.replace("+", "%20"); String escapedBackslashes = font.getFontName().replace("\\", "\\\\"); String fontFamily = escapedBackslashes.replace("'", "\\'"); generator.addHtml(""); } catch (java.io.IOException exception) { throw new RuntimeException("Unable to write an exported font.", exception); } } private String makeSafeFileName(String fileName) { String invalidCharacters = "\\/:*?\"<>|"; char[] safeCharacters = fileName.toCharArray(); for (int characterIndex = 0; characterIndex < safeCharacters.length; characterIndex++) { if (invalidCharacters.indexOf(safeCharacters[characterIndex]) >= 0) { safeCharacters[characterIndex] = '_'; } } return new String(safeCharacters); } } java.nio.file.Path outputDirectory = java.nio.file.Paths.get(System.getProperty("user.dir"), "html-output"); java.nio.file.Path fontsDirectory = outputDirectory.resolve("fonts"); java.nio.file.Files.createDirectories(outputDirectory); Presentation presentation = new Presentation("presentation.pptx"); try { LinkedFontsHtmlController fontController = new LinkedFontsHtmlController(fontsDirectory, "fonts"); HtmlFormatter formatter = HtmlFormatter.createCustomFormatter(fontController); HtmlOptions htmlOptions = new HtmlOptions(); htmlOptions.setHtmlFormatter(formatter); java.nio.file.Path htmlFilePath = outputDirectory.resolve("presentation.html"); presentation.save(htmlFilePath.toString(), SaveFormat.Html, htmlOptions); } finally { presentation.dispose(); } ``` I detta exempel sparas teckensnittsfiler till `html-output/fonts`, och HTML refererar dem med URL:er såsom `fonts/BrandFont-normal-400.woff`. Om HTML‑filen och teckensnitten distribueras till en annan plats, välj `fontUrlPrefix` så att den matchar den distribuerade URL‑sökvägen. ## **Spara resurser externt** Självständigt HTML är enkelt att flytta, men inbäddade Base64‑resurser kan göra filen stor. Om din applikation behöver externa bildfiler, implementera [ILinkEmbedController](https://reference.aspose.com/slides/sv/java/com.aspose.slides/ilinkembedcontroller/) och skicka den till [HtmlOptions](https://reference.aspose.com/slides/sv/java/com.aspose.slides/htmloptions/)‑konstruktorn. När du externaliserar resurser, välj två sökvägar med avsikt: - Fil­systems‑utgångssökvägen, där din applikation skriver genererade bilder, teckensnitt, ljud eller video. - URL‑sökvägen, som webbläsaren använder från HTML‑dokumentet för att ladda dessa filer. ## **Exportera mediafiler** [VideoPlayerHtmlController](https://reference.aspose.com/slides/sv/java/com.aspose.slides/videoplayerhtmlcontroller/) exporterar video‑ och ljudfiler och skriver HTML som kan spela dem i en webbläsare. Dess konstruktor tar: - `path`: katalogen där genererade medi­afiler kommer att skrivas. - `fileName`: namnet på den HTML‑fil som genereras. - `baseUri`: det absoluta URI‑prefixet som används i HTML‑länkarna till medi­afiler. Om HTML‑filen är `html-output/presentation.html` och medi­afiler sparas i `html-output/media`, bör `path` peka på medi­akatalogen på disken, medan `baseUri` bör peka på samma katalog ur webbläsarens perspektiv. För lokal förhandsgranskning kan du bygga en `file:///`‑URI från medi­akatalogen. För en distribuerad applikation, använd den absoluta URL‑en för den publicerade medi‑katalogen. ```java java.nio.file.Path outputDirectory = java.nio.file.Paths.get(System.getProperty("user.dir"), "html-output"); java.nio.file.Path mediaDirectory = outputDirectory.resolve("media"); java.nio.file.Files.createDirectories(outputDirectory); java.nio.file.Files.createDirectories(mediaDirectory); String htmlFileName = "presentation.html"; String mediaBaseUri = mediaDirectory.toUri().toString(); Presentation presentation = new Presentation(); try { java.nio.file.Path videoFilePath = java.nio.file.Paths.get("intro.mp4"); byte[] videoData = java.nio.file.Files.readAllBytes(videoFilePath); IVideo video = presentation.getVideos().addVideo(videoData); ISlide slide = presentation.getSlides().get_Item(0); slide.getShapes().addVideoFrame(20, 20, 480, 270, video); String mediaDirectoryPath = mediaDirectory.toString(); VideoPlayerHtmlController controller = new VideoPlayerHtmlController(mediaDirectoryPath, htmlFileName, mediaBaseUri); HtmlFormatter formatter = HtmlFormatter.createCustomFormatter(controller); SVGOptions svgOptions = new SVGOptions(controller); SlideImageFormat slideImageFormat = SlideImageFormat.svg(svgOptions); HtmlOptions htmlOptions = new HtmlOptions(controller); htmlOptions.setHtmlFormatter(formatter); htmlOptions.setSlideImageFormat(slideImageFormat); java.nio.file.Path htmlFilePath = outputDirectory.resolve(htmlFileName); presentation.save(htmlFilePath.toString(), SaveFormat.Html, htmlOptions); } finally { presentation.dispose(); } ``` Använd ut­gångskataloger som är unika per exportjobb, särskilt i serverapplikationer. Delade ut­gångssökvägar kan orsaka att filer från olika konverteringar skriver över varandra. ## **Prestanda och resurshantering** HTML‑konvertering är en renderingsoperation, så bearbetningstid och minnesanvändning beror på bildantal, bildupplösning, teckensnitt, effekter, diagram och inbäddade media. Högre `PicturesCompression`‑DPI‑värden, inbäddade teckensnitt, SVG‑utdata och behållna beskurna bildområden kan förbättra noggrannheten men ökar vanligtvis utdata­storleken. För batch‑konvertering: - Frigör varje [Presentation]‑instans omedelbart. - Använd separata ut­gångskataloger för separata jobb. - Undvik att inbädda vanliga teckensnitt såvida inte noggrannhet kräver det. - Sänk bild‑DPI när HTML‑en är för förhandsgranskning eller miniatyrer. - Behåll källpresentationen, den genererade HTML‑en och externa resurser tillsammans tills distributionssökvägarna är slutgiltiga. ## **FAQ** **Bevaras hyperlänkar i HTML‑utdata?** Ja. Presentations‑hyperlänkar exporteras till HTML och förblir klickbara när mål‑URL:en är giltig. **Kan jag konvertera presentationer till HTML parallellt?** Ja, men dela inte en [Presentation]‑instans över trådar. Bearbeta olika filer med separata presentations‑instanser, separata strömmar och separata ut­gångskataloger. Se [multithreading guidance](/slides/sv/java/multithreading/) för detaljer. **Är ett Presentation‑objekt trådsäkert?** Nej. En enskild [Presentation]‑instans bör laddas, modifieras, sparas och frigöras på en enda tråd. För parallellt arbete, skapa en oberoende instans per tråd eller process. **Varför är den genererade HTML‑filen stor?** Standardexporten kan bädda in resurser direkt i HTML. Inbäddade teckensnitt, hög‑DPI‑bilder, media, SVG‑innehåll och behållna beskurna bildområden ökar också storleken. Använd externa resurser, uteslut vanliga teckensnitt från inbäddning och sänk `PicturesCompression` när mindre utdata är viktigare än maximal noggrannhet. **Varför visas en PowerPoint‑teckensnittsstorlek som 24 pt som 17.999819 pt i HTML?** Detta kan ske eftersom PowerPoint och HTML använder olika DPI‑modeller. PowerPoint lagrar textstorlekar i typografiska punkter baserade på 72 DPI, medan HTML‑layout är baserad på CSS‑pixlar i en 96 DPI‑modell. När Aspose.Slides exporterar en presentation till HTML översätts teckensnittsstorleken mellan dessa system, och konverteringen kan introducera små avrundningsskillnader. Dessa värden indikerar inte en verklig visuell förändring av teckensnittsstorleken. De är bara en matematisk bieffekt av att konvertera textmått mellan PowerPoint och HTML. **Hur bör jag välja baseUri för mediaexport?** Välj `baseUri` ur webbläsarens perspektiv och skicka den som en absolut URI. För lokal förhandsgranskning kan du härleda den från ut­gångskatalogen med `mediaDirectory.toUri().toString()`. För distribution, använd den absoluta URL‑en för den publicerade medi‑katalogen. Fil­systems‑`path` och webbläsar‑`baseUri` behöver inte vara samma sträng, men de måste beskriva samma resursplats. **Kan jag inkludera dolda bilder?** Ja. Sätt `ShowHiddenSlides` till `true` på [HtmlOptions] när dolda bilder måste exporteras.