From 25f1436c00111b4d030d101a1263d05d26d656c6 Mon Sep 17 00:00:00 2001 From: Muhammad Adil Date: Mon, 7 Sep 2026 14:11:01 +0000 Subject: [PATCH] Add 1 html net tutorials Categories: generate-jpg-and-png-images Source: AI Search API Tutorials: - How to create image from HTML using Aspose.HTML in C# Auto-generated by Professionalize.Tutorials Agent --- .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 225 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 2 + .../_index.md | 224 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 5 +- .../_index.md | 229 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 2 + .../_index.md | 229 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 2 + .../_index.md | 230 ++++++++++++++++++ .../og-image.png | Bin 0 -> 47369 bytes .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 227 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 4 +- .../_index.md | 227 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 227 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 5 +- .../_index.md | 226 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 224 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 6 +- .../_index.md | 227 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 227 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 227 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 226 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 2 + .../_index.md | 225 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 227 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 229 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 227 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 4 + .../_index.md | 229 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 2 + .../_index.md | 226 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 2 + .../_index.md | 225 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 2 + .../_index.md | 228 +++++++++++++++++ .../net/generate-jpg-and-png-images/_index.md | 3 + .../_index.md | 229 +++++++++++++++++ 47 files changed, 5286 insertions(+), 5 deletions(-) create mode 100644 html/arabic/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/chinese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/czech/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/dutch/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/english/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/english/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/og-image.png create mode 100644 html/french/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/german/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/greek/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/hindi/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/hongkong/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/hungarian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/indonesian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/italian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/japanese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/korean/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/polish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/portuguese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/russian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/spanish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/swedish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/thai/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/turkish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md create mode 100644 html/vietnamese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md diff --git a/html/arabic/net/generate-jpg-and-png-images/_index.md b/html/arabic/net/generate-jpg-and-png-images/_index.md index 8f6e176c0..358e4f109 100644 --- a/html/arabic/net/generate-jpg-and-png-images/_index.md +++ b/html/arabic/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,9 @@ Aspose.HTML for .NET هي مكتبة قوية تتيح للمطورين إنشا تعلم كيفية تحويل ملفات docx إلى صور PNG باستخدام C# ومكتبة Aspose.HTML خطوة بخطوة. ### [تحويل HTML إلى PNG في C# – دليل خطوة بخطوة](./render-html-to-png-in-c-step-by-step-guide/) تعلم كيفية تحويل صفحات HTML إلى صور PNG باستخدام C# ومكتبة Aspose.HTML خطوة بخطوة. +### [كيفية إنشاء صورة من HTML باستخدام Aspose.HTML في C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +تعلم خطوة بخطوة كيفية تحويل ملفات HTML إلى صورة باستخدام C# ومكتبة Aspose.HTML. + ## خاتمة في الختام، يوفر Aspose.HTML for .NET حلاً سهل الاستخدام وقويًا لإنشاء صور JPG وPNG من محتوى HTML. سواء كنت مطورًا متمرسًا أو مبتدئًا، فسترشدك هذه البرامج التعليمية خلال العملية. أنشئ صورًا جذابة بصريًا تبرز وترفع من مستوى مشاريعك باستخدام Aspose.HTML for .NET. diff --git a/html/arabic/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/arabic/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..8d97e2879 --- /dev/null +++ b/html/arabic/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,225 @@ +--- +category: general +date: 2026-09-07 +description: تعلم كيفية إنشاء صورة من HTML باستخدام Aspose.HTML في C#. يوضح هذا الدليل + خطوة بخطوة أيضًا كيفية تحويل HTML إلى صورة وتحويل HTML إلى PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: ar +lastmod: 2026-09-07 +og_description: إنشاء صورة من HTML في C# باستخدام Aspose.HTML. اتبع هذا الدليل لتحويل + HTML إلى صورة، وتحويل HTML إلى PNG، وتحديد عرض وارتفاع الصورة للحصول على نتائج مثالية. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: إنشاء صورة من HTML في C# – دليل Aspose.HTML الكامل +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: كيفية إنشاء صورة من HTML باستخدام Aspose.HTML في C# +url: /ar/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# كيفية إنشاء صورة من HTML باستخدام Aspose.HTML في C# + +إذا كنت بحاجة إلى **إنشاء صورة من HTML** في تطبيق .NET، فإن هذا الدليل يوضح لك الخطوات الدقيقة باستخدام Aspose.HTML. ستتعلم كيفية **تحويل HTML إلى صورة**، اختيار PNG كصيغة إخراج، والتحكم في أبعاد الإخراج بحيث تبدو الصورة تمامًا كما تتوقع. + +يغطي الدليل كل ما تحتاجه: حزم NuGet المطلوبة، مثال كامل للكود، شروحات لكل خيار، ونصائح لتجنب المشكلات الشائعة. في النهاية ستتمكن من **تحويل HTML إلى PNG**، **حفظ HTML كـ PNG**، و **تحديد عرض وارتفاع الصورة** برمجيًا. + +## المتطلبات المسبقة + +* .NET 6.0 أو أحدث مثبت (الكود يعمل أيضًا مع .NET 5 و .NET Framework 4.7+). +* Visual Studio 2022 (أو أي بيئة تطوير تدعم C#). +* رخصة Aspose.HTML for .NET أو مفتاح تقييم مجاني. قم بتثبيت الحزمة عبر NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* ملف HTML (`input.html`) تريد تحويله إلى صورة. ضعّه في مجلد يمكنك الإشارة إليه من مشروعك. + +## الخطوة 1: تحميل مستند HTML الذي تريد تحويله + +العملية الأولى هي إنشاء مثيل `HTMLDocument` يشير إلى ملف المصدر الخاص بك. تقوم Aspose.HTML بقراءة العلامات، CSS، والموارد الخارجية (الصور، الخطوط) تلقائيًا. + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*لماذا هذا مهم:* تحميل المستند يفصل بين التحليل والتصيير، مما يتيح لك إعادة استخدام كائن `HTMLDocument` نفسه لعدة عمليات تصيير (مثل أحجام صور مختلفة). + +## الخطوة 2: تكوين خيارات تصيير الصورة (تحديد عرض وارتفاع الصورة، الصيغة، الجودة) + +`ImageRenderingOptions` يتيح لك ضبط الإخراج بدقة. هنا نقوم بتمكين مضاد التعرج (anti‑aliasing)، تعيين خط Arial عريض، تشغيل تحسين النص (text hinting)، وتحديد **عرض وارتفاع الصورة** صراحةً إلى 800 × 600 px. يتم تعيين `ImageFormat` إلى PNG، وهي صيغة غير مضغوطة وتدعم على نطاق واسع. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**نصيحة:** إذا تركت `Width` و `Height`، فإن Aspose.HTML يستخدم الحجم الأصلي للـ HTML، مما قد ينتج صورة كبيرة جدًا أو صغيرة جدًا. احرص دائمًا على تعريف الأبعاد عندما تحتاج إلى نتائج متوقعة. + +## الخطوة 3: إنشاء المُصوّر باستخدام الخيارات المُكوَّنة + +فئة `ImageRenderer` تقوم بالتحويل الفعلي. تمرير `renderingOptions` التي أنشأتها يضمن أن المُصوّر يطبق إعداداتك. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*لماذا هذا مهم:* فصل المُصوّر عن الخيارات يتيح لك إعادة استخدام نفس المُصوّر لمستندات مختلفة مع الحفاظ على تكوين واحد. + +## الخطوة 4: تصيير مستند HTML إلى ملف PNG – “حفظ HTML كـ PNG” + +الآن استدعِ `Render`، مع توفير مستند المصدر ومسار ملف الهدف. تتوقف الطريقة حتى يتم كتابة الصورة إلى القرص. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +عند اكتمال الاستدعاء، يحتوي `output.png` على لقطة نقطية من `input.html`. يمكنك فتح الملف بأي عارض صور للتحقق من النتيجة. + +### النتيجة المتوقعة + +تشغيل البرنامج الكامل ينتج ملف PNG بالخصائص التالية: + +* **الأبعاد:** 800 × 600 px (كما تم تحديده في `Width`/`Height`). +* **الصيغة:** PNG (غير مضغوطة، تدعم الشفافية). +* **جودة الصورة:** رسومات مضادة للتعرج ونص محسّن، مطابقة لمظهر الـ HTML الأصلي في متصفح حديث. + +## مثال كامل قابل للتنفيذ + +فيما يلي البرنامج الكامل الذي يمكنك نسخه إلى تطبيق كونسول (`Program.cs`). عدّل مسارات الملفات لتتناسب مع بيئتك. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +شغّل البرنامج (`dotnet run` أو اضغط **F5** في Visual Studio). بعد التنفيذ، افتح `output.png` – سترى الصفحة المصورة تمامًا كما تم تعريفها بواسطة HTML و CSS. + +## أسئلة شائعة وحالات خاصة + +| السؤال | الجواب | +|----------|--------| +| **ماذا لو كان الـ HTML الخاص بي يشير إلى صور أو CSS خارجية؟** | Aspose.HTML يتبع المسارات النسبية من موقع ملف HTML. تأكد من أن تلك الموارد قابلة للوصول، أو استخدم URL مطلق. | +| **هل يمكنني التصيير إلى JPEG بدلاً من PNG؟** | نعم. غيّر `ImageFormat = ImageFormat.Jpeg` ويمكنك اختيارياً تعيين `JpegQuality` في `ImageRenderingOptions`. | +| **كيف يمكنني تصيير صفحات متعددة من ملف HTML واحد؟** | استخدم ميزات ترقيم الصفحات في `Document` (`document.Pages`) واستدعِ `renderer.Render(page, ...)` لكل صفحة. | +| **ماذا لو احتجت إلى DPI أعلى للطباعة؟** | عيّن `renderingOptions.DpiX` و `renderingOptions.DpiY` (مثلاً 300) قبل إنشاء المُصوّر. | +| **هل anti‑aliasing مطلوب للرسومات المتجهية؟** | إنه يحسن السلاسة للخطوط والمنحنيات، لكن يمكنك تعطيله (`UseAntialiasing = false`) للحصول على تصيير أسرع في دفعات كبيرة. | + +## نصيحة أداء – إعادة استخدام المُصوّر + +إذا كنت بحاجة إلى تحويل العديد من ملفات HTML دفعة واحدة، أنشئ مثيلًا واحدًا من `ImageRenderer` وأعد استخدامه: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +إعادة استخدام المُصوّر يتجنب تخصيص الموارد الداخلية المتكرر، مما يقلل من استهلاك المعالج والذاكرة. + +## الخلاصة + +أنت الآن تعرف كيف **إنشاء صورة من HTML** باستخدام Aspose.HTML في C#. باتباع الخطوات الأربع — تحميل المستند، تكوين خيارات التصيير (بما في ذلك **تحديد عرض وارتفاع الصورة**)، إنشاء المُصوّر، وأخيرًا **تصيير HTML إلى صورة** — يمكنك بثقة **تحويل HTML إلى PNG** و **حفظ HTML كـ PNG** لاستخدامها كصور مصغرة، معاينات بريد إلكتروني، أو في خطوط أنابيب توليد PDF. + +بعد ذلك، قد تستكشف: + +* **تصيير HTML إلى صورة** بصيغ مختلفة (JPEG، BMP، GIF). +* إضافة علامات مائية أو طبقات باستخدام `Graphics` بعد التصيير. +* دمج هذا التحويل في API ASP.NET Core لتوليد الصور عند الطلب. + +لا تتردد في تجربة الخيارات، ودع مرونة Aspose.HTML تتولى الجزء الصعب نيابةً عنك. برمجة سعيدة! + +## ما الذي يجب أن تتعلمه بعد ذلك؟ + +الدروس التالية تغطي مواضيع ذات صلة وثيقة تبني على التقنيات الموضحة في هذا الدليل. كل مصدر يتضمن أمثلة كود كاملة مع شروحات خطوة بخطوة لمساعدتك على إتقان ميزات API إضافية واستكشاف أساليب تنفيذ بديلة في مشاريعك. + +- [كيفية استخدام Aspose لتصوير HTML إلى PNG – دليل خطوة بخطوة](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [دروس HTML إلى صورة – تصيير HTML إلى PNG في C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [إنشاء PNG من HTML باستخدام Aspose.Html – دليل خطوة بخطوة](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/chinese/net/generate-jpg-and-png-images/_index.md b/html/chinese/net/generate-jpg-and-png-images/_index.md index 59c7a15a2..c01c3a88d 100644 --- a/html/chinese/net/generate-jpg-and-png-images/_index.md +++ b/html/chinese/net/generate-jpg-and-png-images/_index.md @@ -71,6 +71,8 @@ Aspose.HTML for .NET 提供了一种将 HTML 转换为图像的简单方法。 ### [使用 Aspose.HTML 完整 C# 指南从 HTML 生成 PNG 图像](./create-png-from-html-full-c-guide-with-aspose-html/) 深入学习如何使用 Aspose.HTML for .NET 将 HTML 转换为 PNG 图像，提供完整的 C# 示例和最佳实践。 +### [如何使用 Aspose.HTML 在 C# 中从 HTML 创建图像](./how-to-create-image-from-html-using-aspose-html-in-c/) + ## 结论 总之，Aspose.HTML for .NET 提供了一种用户友好且功能强大的解决方案，用于从 HTML 内容生成 JPG 和 PNG 图像。无论您是经验丰富的开发人员还是刚刚入门，这些教程都将指导您完成整个过程。使用 Aspose.HTML for .NET 创建引人注目的视觉吸引力图像，让您的项目脱颖而出。 diff --git a/html/chinese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/chinese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..08c9c2da5 --- /dev/null +++ b/html/chinese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,224 @@ +--- +category: general +date: 2026-09-07 +description: 学习如何使用 Aspose.HTML 在 C# 中将 HTML 生成图像。本分步指南还展示了如何将 HTML 渲染为图像以及将 HTML + 转换为 PNG。 +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: zh +lastmod: 2026-09-07 +og_description: 使用 Aspose.HTML 在 C# 中将 HTML 创建为图像。按照本指南将 HTML 渲染为图像、转换为 PNG，并设置图像宽高以获得完美效果。 +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: 在 C# 中从 HTML 创建图像 – 完整 Aspose.HTML 指南 +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: 如何使用 Aspose.HTML 在 C# 中从 HTML 创建图像 +url: /zh/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# 如何使用 Aspose.HTML 在 C# 中从 HTML 创建图像 + +如果您需要在 .NET 应用程序中 **从 HTML 创建图像**，本指南将展示使用 Aspose.HTML 的具体步骤。您将学习如何 **将 HTML 渲染为图像**，选择 PNG 作为输出格式，并控制输出尺寸，以确保图像呈现出您期望的效果。 + +本教程涵盖您所需的全部内容：必需的 NuGet 包、完整的代码示例、每个选项的说明以及常见陷阱的提示。完成后，您将能够以编程方式 **将 HTML 转换为 PNG**、**将 HTML 保存为 PNG**，以及 **设置图像宽高**。 + +## 前提条件 + +* .NET 6.0 或更高版本已安装（代码同样适用于 .NET 5 和 .NET Framework 4.7+）。 +* Visual Studio 2022（或任何支持 C# 的 IDE）。 +* Aspose.HTML for .NET 许可证或免费评估密钥。通过 NuGet 安装包： + +```bash +dotnet add package Aspose.HTML +``` + +* 一个您想转换为图像的 HTML 文件（`input.html`）。将其放置在项目可以引用的文件夹中。 + +## 步骤 1：加载要渲染的 HTML 文档 + +第一步是创建指向源文件的 `HTMLDocument` 实例。Aspose.HTML 会自动读取标记、CSS 以及外部资源（图像、字体）。 + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*为什么这很重要：* 加载文档将解析与渲染分离，使您可以在多个渲染过程中复用同一个 `HTMLDocument` 对象（例如，不同的图像尺寸）。 + +## 步骤 2：配置图像渲染选项（设置图像宽高、格式、质量） + +`ImageRenderingOptions` 让您可以细致调节输出。在此示例中，我们启用抗锯齿，设置粗体 Arial 字体，开启文本 hinting，并显式 **设置图像宽高** 为 800 × 600 px。`ImageFormat` 被设为 PNG，属于无损且广泛支持的格式。 + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**提示：** 如果省略 `Width` 和 `Height`，Aspose.HTML 将使用 HTML 的固有尺寸，这可能导致生成的图像过大或过小。需要可预测结果时，请始终定义尺寸。 + +## 步骤 3：使用配置好的选项创建渲染器 + +`ImageRenderer` 类执行实际的转换。将刚才构建的 `renderingOptions` 传入，可确保渲染器遵循您的设置。 + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*为什么这很重要：* 将渲染器与选项分离，使您能够在不同文档之间复用同一个渲染器，同时保持统一的配置。 + +## 步骤 4：将 HTML 文档渲染为 PNG 文件 – “将 HTML 保存为 PNG” + +现在调用 `Render`，提供源文档和目标文件路径。该方法会阻塞，直至图像写入磁盘。 + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +调用完成后，`output.png` 包含 `input.html` 的光栅化快照。您可以使用任意图像查看器打开该文件以验证结果。 + +### 预期输出 + +运行完整程序会生成具有以下属性的 PNG 文件： + +* **尺寸：** 800 × 600 px（由 `Width`/`Height` 设置）。 +* **格式：** PNG（无损，支持透明）。 +* **视觉质量：** 抗锯齿图形和 hinting 文本，匹配现代浏览器中原始 HTML 的外观。 + +## 完整、可运行的示例 + +下面是完整的程序代码，您可以复制到控制台应用程序（`Program.cs`）中。请根据您的环境调整文件路径。 + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +运行程序（`dotnet run` 或在 Visual Studio 中按 **F5**）。执行完毕后，打开 `output.png`——您将看到与 HTML 与 CSS 定义完全一致的渲染页面。 + +## 常见问题与边缘情况 + +| Question | Answer | +|----------|--------| +| **如果我的 HTML 引用了外部图像或 CSS，怎么办？** | Aspose.HTML 会遵循 HTML 文件所在位置的相对路径。确保这些资源可访问，或使用绝对 URL。 | +| **我可以渲染为 JPEG 而不是 PNG 吗？** | 可以。将 `ImageFormat = ImageFormat.Jpeg`，并可在 `ImageRenderingOptions` 中可选地设置 `JpegQuality`。 | +| **如何从单个 HTML 文件渲染多页？** | 使用 `Document` 的分页功能（`document.Pages`），并对每页调用 `renderer.Render(page, ...)`。 | +| **如果需要更高的 DPI 进行打印怎么办？** | 在创建渲染器之前，设置 `renderingOptions.DpiX` 和 `renderingOptions.DpiY`（例如 300）。 | +| **矢量图形是否必须使用抗锯齿？** | 抗锯齿可以提升线条和曲线的平滑度，但在大批量渲染时可以通过设置 `UseAntialiasing = false` 来加快渲染速度。 | + +## 性能提示 – 重用渲染器 + +如果需要批量转换多个 HTML 文件，请创建一个 `ImageRenderer` 实例并重复使用： + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +重用渲染器可避免重复分配内部资源，从而降低 CPU 和内存开销。 + +## 结论 + +现在您已经掌握了如何使用 Aspose.HTML 在 C# 中 **从 HTML 创建图像**。通过四个步骤——加载文档、配置渲染选项（包括 **设置图像宽高**）、创建渲染器，最后 **将 HTML 渲染为图像**——您可以可靠地 **将 HTML 转换为 PNG** 并 **将 HTML 保存为 PNG**，用于缩略图、电子邮件预览或 PDF 生成流水线。 + +接下来，您可以探索： + +* 使用不同格式（JPEG、BMP、GIF）**渲染 HTML 为图像**。 +* 在渲染后使用 `Graphics` 添加水印或叠加层。 +* 将此转换集成到 ASP.NET Core API 中，实现按需图像生成。 + +欢迎随意尝试各种选项，让 Aspose.HTML 的灵活性为您处理繁重工作。祝编码愉快！ + +## 接下来您应该学习什么？ + +以下教程涵盖与本指南技术紧密相关的主题，帮助您进一步学习。每个资源都包含完整的可运行代码示例和逐步说明，帮助您掌握更多 API 功能并在项目中探索替代实现方案。 + +- [如何使用 Aspose 将 HTML 渲染为 PNG – 步骤指南](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML 转图像教程 – 在 C# 中将 HTML 渲染为 PNG](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [使用 Aspose.Html 从 HTML 创建 PNG – 步骤指南](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/czech/net/generate-jpg-and-png-images/_index.md b/html/czech/net/generate-jpg-and-png-images/_index.md index cdcaf2255..befa35862 100644 --- a/html/czech/net/generate-jpg-and-png-images/_index.md +++ b/html/czech/net/generate-jpg-and-png-images/_index.md @@ -65,9 +65,12 @@ Naučte se, jak pomocí Aspose.HTML v C# převést HTML na obrázek pomocí podr Naučte se převést soubory DOCX na PNG v C# pomocí podrobného krok‑za‑krokového návodu. ### [Vykreslení HTML do PNG v C# – krok za krokem](./render-html-to-png-in-c-step-by-step-guide/) Naučte se, jak pomocí Aspose.HTML for .NET převést HTML na PNG v jazyce C# pomocí podrobných kroků. +### [Jak vytvořit obrázek z HTML pomocí Aspose.HTML v C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +Naučte se, jak pomocí Aspose.HTML v C# převést HTML na obrázek. + ## Závěr -Na závěr, Aspose.HTML for .NET poskytuje uživatelsky přívětivé a výkonné řešení pro generování obrázků JPG a PNG z obsahu HTML. Ať už jste zkušený vývojář nebo teprve začínáte, tyto výukové programy vás provedou celým procesem. Vytvářejte vizuálně přitažlivé obrázky, které vynikají a pozvednou vaše projekty pomocí Aspose.HTML for .NET. +Na závěr, Aspose.HTML for .NET poskytuje uživatelsky přívětivé a výkonné řešení pro generování obrázků JPG a PNG z obsahu HTML. Ať už jste zkušený vývojář nebo teprve začínáte, tyto výukové programy vás provedou celým procesem. Vytvářejte vizuálně přitažlivé obrázky, které vynikají a pozvednou vaše projekty pomocí Aspose.HTML pro .NET. Tak proč čekat? Začněte objevovat svět HTML na konverzi obrázků s Aspose.HTML pro .NET ještě dnes. Odemkněte nové možnosti a udělejte své webové a desktopové aplikace ještě poutavější a vizuálně přitažlivější. Šťastné kódování! {{< /blocks/products/pf/tutorial-page-section >}} diff --git a/html/czech/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/czech/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..994549ccd --- /dev/null +++ b/html/czech/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,229 @@ +--- +category: general +date: 2026-09-07 +description: Naučte se, jak vytvořit obrázek z HTML pomocí Aspose.HTML v C#. Tento + krok‑za‑krokem průvodce také ukazuje, jak renderovat HTML do obrázku a převést HTML + na PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: cs +lastmod: 2026-09-07 +og_description: Vytvořte obrázek z HTML v C# pomocí Aspose.HTML. Postupujte podle + tohoto návodu, jak vykreslit HTML do obrázku, převést HTML na PNG a nastavit šířku + a výšku obrázku pro dokonalé výsledky. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Vytvořte obrázek z HTML v C# – kompletní průvodce Aspose.HTML +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Jak vytvořit obrázek z HTML pomocí Aspose.HTML v C# +url: /cs/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Jak vytvořit obrázek z HTML pomocí Aspose.HTML v C# + +Pokud potřebujete **vytvořit obrázek z HTML** v .NET aplikaci, tento průvodce vám ukáže přesné kroky s Aspose.HTML. Naučíte se, jak **renderovat HTML do obrázku**, vybrat PNG jako výstupní formát a řídit rozměry výstupu, aby obrázek vypadal přesně tak, jak očekáváte. + +Tutoriál pokrývá vše, co potřebujete: požadované NuGet balíčky, kompletní ukázkový kód, vysvětlení každé možnosti a tipy pro běžné úskalí. Na konci budete schopni **převést HTML na PNG**, **uložit HTML jako PNG** a **nastavit šířku a výšku obrázku** programově. + +## Požadavky + +Předtím, než začnete, ujistěte se, že máte: + +* .NET 6.0 nebo novější nainstalovaný (kód také funguje s .NET 5 a .NET Framework 4.7+). +* Visual Studio 2022 (nebo jakékoli IDE podporující C#). +* Licence Aspose.HTML pro .NET nebo bezplatný evaluační klíč. Nainstalujte balíček přes NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* HTML soubor (`input.html`), který chcete převést na obrázek. Umístěte jej do složky, na kterou můžete odkazovat z vašeho projektu. + +## Krok 1: Načtěte HTML dokument, který chcete renderovat + +Prvním krokem je vytvořit instanci `HTMLDocument`, která ukazuje na váš zdrojový soubor. Aspose.HTML automaticky načte značky, CSS a externí zdroje (obrázky, fonty). + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Proč je to důležité:* Načtení dokumentu odděluje parsování od renderování, což vám umožní znovu použít stejný objekt `HTMLDocument` pro více renderovacích průchodů (např. různé velikosti obrázku). + +## Krok 2: Nakonfigurujte možnosti renderování obrázku (nastavte šířku a výšku obrázku, formát, kvalitu) + +`ImageRenderingOptions` vám umožňuje jemně doladit výstup. Zde povolujeme anti‑aliasing, nastavujeme tučné písmo Arial, zapínáme hintování textu a explicitně **nastavujeme šířku a výšku obrázku** na 800 × 600 px. `ImageFormat` je nastaven na PNG, což je bezztrátový a široce podporovaný formát. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Tip:** Pokud vynecháte `Width` a `Height`, Aspose.HTML použije vnitřní velikost HTML, což může vést k velmi velkému nebo velmi malému obrázku. Vždy definujte rozměry, pokud potřebujete předvídatelné výsledky. + +## Krok 3: Vytvořte renderer s nakonfigurovanými možnostmi + +Třída `ImageRenderer` provádí skutečnou konverzi. Předání `renderingOptions`, které jste právě vytvořili, zajistí, že renderer bude respektovat vaše nastavení. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Proč je to důležité:* Oddělení rendereru od možností vám umožní znovu použít stejný renderer pro různé dokumenty při zachování jedné konfigurace. + +## Krok 4: Renderujte HTML dokument do PNG souboru – „uložit HTML jako PNG“ + +Nyní zavolejte `Render`, přičemž zadáte zdrojový dokument a cílovou cestu k souboru. Metoda blokuje, dokud není obrázek zapsán na disk. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Po dokončení volání `output.png` obsahuje rasterizovaný snímek `input.html`. Soubor můžete otevřít libovolným prohlížečem obrázků a ověřit výsledek. + +### Očekávaný výstup + +Spuštěním kompletního programu vznikne PNG soubor s následujícími vlastnostmi: + +* **Rozměry:** 800 × 600 px (jak je nastaveno v `Width`/`Height`). +* **Formát:** PNG (bezztrátový, podporuje průhlednost). +* **Vizuální kvalita:** Anti‑aliased grafika a hintovaný text, odpovídající vzhledu originálního HTML v moderním prohlížeči. + +## Kompletní, spustitelný příklad + +Níže je celý program, který můžete zkopírovat do konzolové aplikace (`Program.cs`). Přizpůsobte cesty k souborům tak, aby odpovídaly vašemu prostředí. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Spusťte program (`dotnet run` nebo stiskněte **F5** ve Visual Studiu). Po provedení otevřete `output.png` – uvidíte vykreslenou stránku přesně tak, jak je definována HTML a CSS. + +## Časté otázky a okrajové případy + +| Otázka | Odpověď | +|----------|--------| +| **Co když moje HTML odkazuje na externí obrázky nebo CSS?** | Aspose.HTML následuje relativní cesty z umístění HTML souboru. Ujistěte se, že jsou tyto zdroje dostupné, nebo použijte absolutní URL. | +| **Mohu renderovat do JPEG místo PNG?** | Ano. Změňte `ImageFormat = ImageFormat.Jpeg` a volitelně nastavte `JpegQuality` v `ImageRenderingOptions`. | +| **Jak renderovat více stránek z jednoho HTML souboru?** | Použijte funkce stránkování `Document` (`document.Pages`) a zavolejte `renderer.Render(page, ...)` pro každou stránku. | +| **Co když potřebuji vyšší DPI pro tisk?** | Nastavte `renderingOptions.DpiX` a `renderingOptions.DpiY` (např. 300) před vytvořením rendereru. | +| **Je anti‑aliasing vyžadován pro vektorovou grafiku?** | Zlepšuje plynulost čar a křivek, ale můžete jej vypnout (`UseAntialiasing = false`) pro rychlejší renderování ve velkých dávkách. | + +## Tip pro výkon – opětovné použití rendereru + +Pokud potřebujete v dávce převést mnoho HTML souborů, vytvořte jedinou instanci `ImageRenderer` a znovu ji použijte: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Opětovné použití rendereru zabraňuje opakované alokaci interních zdrojů, čímž snižuje zátěž CPU a paměti. + +## Závěr + +Nyní víte, jak **vytvořit obrázek z HTML** pomocí Aspose.HTML v C#. Dodržením čtyř kroků – načtení dokumentu, konfigurace možností renderování (včetně **nastavení šířky a výšky obrázku**), vytvoření rendereru a nakonec **renderování HTML do obrázku** – můžete spolehlivě **převést HTML na PNG** a **uložit HTML jako PNG** pro náhledy, náhledy e‑mailů nebo pipeline generování PDF. + +Dále můžete zkoumat: + +* **render html to image** s různými formáty (JPEG, BMP, GIF). +* Přidání vodoznaků nebo překryvů pomocí `Graphics` po renderování. +* Integrace této konverze do ASP.NET Core API pro generování obrázků na vyžádání. + +Neváhejte experimentovat s možnostmi a nechte flexibilitu Aspose.HTML, aby pro vás udělala těžkou práci. Šťastné programování! + +## Co byste se měli naučit dál? + +Následující tutoriály pokrývají úzce související témata, která staví na technikách předvedených v tomto průvodci. Každý zdroj obsahuje kompletní funkční ukázky kódu s podrobnými vysvětleními, které vám pomohou zvládnout další funkce API a prozkoumat alternativní přístupy k implementaci ve vašich projektech. + +- [Jak použít Aspose k renderování HTML do PNG – krok za krokem](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML na obrázek – renderování HTML do PNG v C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Vytvořit PNG z HTML s Aspose.Html – krok za krokem](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/dutch/net/generate-jpg-and-png-images/_index.md b/html/dutch/net/generate-jpg-and-png-images/_index.md index 758172f37..00014439a 100644 --- a/html/dutch/net/generate-jpg-and-png-images/_index.md +++ b/html/dutch/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,8 @@ Leer hoe u met Aspose.HTML in C# een afbeelding genereert vanuit HTML, stap voor Leer hoe u een DOCX-bestand naar PNG converteert met een volledige stap‑voor‑stap handleiding in C# en Aspose.HTML. ### [HTML naar PNG renderen in C# – Stapsgewijze gids](./render-html-to-png-in-c-step-by-step-guide/) Leer hoe u HTML naar PNG kunt renderen in C# met Aspose.HTML, inclusief codevoorbeelden en configuratie‑opties. +### [Afbeelding maken vanuit HTML met Aspose.HTML in C#](./how-to-create-image-from-html-using-aspose-html-in-c/) + ## Conclusie Concluderend biedt Aspose.HTML voor .NET een gebruiksvriendelijke en krachtige oplossing voor het genereren van JPG- en PNG-afbeeldingen uit HTML-inhoud. Of u nu een doorgewinterde ontwikkelaar bent of net begint, deze tutorials begeleiden u door het proces. Maak visueel aantrekkelijke afbeeldingen die opvallen en uw projecten naar een hoger niveau tillen met Aspose.HTML voor .NET. diff --git a/html/dutch/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/dutch/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..5e17fa851 --- /dev/null +++ b/html/dutch/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,229 @@ +--- +category: general +date: 2026-09-07 +description: Leer hoe je een afbeelding maakt van HTML met Aspose.HTML in C#. Deze + stapsgewijze handleiding laat ook zien hoe je HTML rendert naar een afbeelding en + HTML converteert naar PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: nl +lastmod: 2026-09-07 +og_description: Maak een afbeelding van HTML in C# met Aspose.HTML. Volg deze gids + om HTML naar afbeelding te renderen, HTML naar PNG te converteren en de breedte + en hoogte van de afbeelding in te stellen voor perfecte resultaten. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Afbeelding maken van HTML in C# – volledige Aspose.HTML gids +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Hoe een afbeelding te maken van HTML met Aspose.HTML in C# +url: /nl/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Hoe maak je een afbeelding van HTML met Aspose.HTML in C# + +Als je een **afbeelding maken van HTML** moet maken in een .NET‑applicatie, laat deze gids je de exacte stappen zien met Aspose.HTML. Je leert hoe je **HTML naar afbeelding rendert**, PNG als uitvoerformaat kiest, en de uitvoerafmetingen regelt zodat de afbeelding er precies uitziet zoals je verwacht. + +De tutorial behandelt alles wat je nodig hebt: vereiste NuGet‑pakketten, een volledig code‑voorbeeld, uitleg van elke optie, en tips voor veelvoorkomende valkuilen. Aan het einde kun je **HTML naar PNG converteren**, **HTML als PNG opslaan**, en **breedte en hoogte van de afbeelding instellen** programmatically. + +## Prerequisites + +Voordat je begint, zorg dat je het volgende hebt: + +* .NET 6.0 of later geïnstalleerd (de code werkt ook met .NET 5 en .NET Framework 4.7+). +* Visual Studio 2022 (of een IDE die C# ondersteunt). +* Een Aspose.HTML for .NET‑licentie of een gratis evaluatiesleutel. Installeer het pakket via NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* Een HTML‑bestand (`input.html`) dat je wilt omzetten naar een afbeelding. Plaats het in een map die je vanuit je project kunt refereren. + +## Step 1: Load the HTML document you want to render + +De eerste handeling is het maken van een `HTMLDocument`‑instantie die naar je bronbestand wijst. Aspose.HTML leest de markup, CSS en externe bronnen (afbeeldingen, lettertypen) automatisch. + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Why this matters:* Het laden van het document scheidt parsing van rendering, waardoor je hetzelfde `HTMLDocument`‑object kunt hergebruiken voor meerdere render‑passes (bijv. verschillende afbeeldingsgroottes). + +## Step 2: Configure image rendering options (set image width height, format, quality) + +`ImageRenderingOptions` stelt je in staat de output fijn af te stemmen. Hier schakelen we anti‑aliasing in, stellen een vet Arial‑lettertype in, activeren tekst‑hinting, en **breedte en hoogte van de afbeelding instellen** expliciet op 800 × 600 px. De `ImageFormat` wordt ingesteld op PNG, wat verliesvrij en breed ondersteund is. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Tip:** Als je `Width` en `Height` weglaat, gebruikt Aspose.HTML de intrinsieke grootte van de HTML, wat kan leiden tot een zeer grote of zeer kleine afbeelding. Definieer altijd de afmetingen wanneer je voorspelbare resultaten nodig hebt. + +## Step 3: Create the renderer with the configured options + +De `ImageRenderer`‑klasse voert de daadwerkelijke conversie uit. Het doorgeven van de `renderingOptions` die je zojuist hebt gebouwd zorgt ervoor dat de renderer je instellingen respecteert. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Why this matters:* Het scheiden van de renderer van de opties laat je dezelfde renderer hergebruiken voor verschillende documenten terwijl je één configuratie behoudt. + +## Step 4: Render the HTML document to a PNG file – “save HTML as PNG” + +Roep nu `Render` aan, waarbij je het bron‑document en het doel‑bestandspad opgeeft. De methode blokkeert tot de afbeelding naar schijf is geschreven. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Wanneer de oproep voltooid is, bevat `output.png` een gerasterde snapshot van `input.html`. Je kunt het bestand openen met elke afbeeldingsviewer om het resultaat te verifiëren. + +### Expected output + +Het uitvoeren van het volledige programma levert een PNG‑bestand op met de volgende eigenschappen: + +* **Dimensions:** 800 × 600 px (zoals ingesteld in `Width`/`Height`). +* **Format:** PNG (verliesvrij, ondersteunt transparantie). +* **Visual quality:** Anti‑aliased graphics en hinted text, overeenkomend met de weergave van de originele HTML in een moderne browser. + +## Full, runnable example + +Hieronder staat het volledige programma dat je kunt kopiëren naar een console‑applicatie (`Program.cs`). Pas de bestands‑paden aan zodat ze bij jouw omgeving passen. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Voer het programma uit (`dotnet run` of druk op **F5** in Visual Studio). Na uitvoering, open `output.png` – je ziet de gerenderde pagina precies zoals gedefinieerd door de HTML en CSS. + +## Common questions and edge cases + +| Question | Answer | +|----------|--------| +| **What if my HTML references external images or CSS?** | Aspose.HTML volgt relatieve paden vanaf de locatie van het HTML‑bestand. Zorg ervoor dat die bronnen bereikbaar zijn, of gebruik een absolute URL. | +| **Can I render to JPEG instead of PNG?** | Ja. Verander `ImageFormat = ImageFormat.Jpeg` en stel eventueel `JpegQuality` in `ImageRenderingOptions` in. | +| **How do I render multiple pages from a single HTML file?** | Gebruik de paginatiefuncties van `Document` (`document.Pages`) en roep `renderer.Render(page, ...)` aan voor elke pagina. | +| **What if I need a higher DPI for printing?** | Stel `renderingOptions.DpiX` en `renderingOptions.DpiY` in (bijv. 300) voordat je de renderer maakt. | +| **Is anti‑aliasing required for vector graphics?** | Het verbetert de gladheid van lijnen en krommen, maar je kunt het uitschakelen (`UseAntialiasing = false`) voor snellere rendering bij grote batches. | + +## Performance tip – reuse the renderer + +Als je veel HTML‑bestanden in één batch moet converteren, maak dan één `ImageRenderer`‑instantie aan en hergebruik deze: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Het hergebruiken van de renderer voorkomt herhaalde allocatie van interne resources, waardoor CPU‑ en geheugen‑overhead wordt verminderd. + +## Conclusion + +Je weet nu hoe je **afbeelding maken van HTML** met Aspose.HTML in C# kunt doen. Door de vier stappen te volgen—het laden van het document, het configureren van rendering‑opties (inclusief **breedte en hoogte van de afbeelding instellen**), het maken van de renderer, en tenslotte **HTML naar afbeelding renderen**—kun je betrouwbaar **HTML naar PNG converteren** en **HTML als PNG opslaan** voor thumbnails, e‑mail‑voorbeelden, of PDF‑generatie‑pijplijnen. + +Vervolgens kun je verkennen: + +* **render html to image** met verschillende formaten (JPEG, BMP, GIF). +* Watermerken of overlays toevoegen met `Graphics` na het renderen. +* Deze conversie integreren in een ASP.NET Core‑API voor on‑demand afbeelding‑generatie. + +Voel je vrij om met de opties te experimenteren, en laat de flexibiliteit van Aspose.HTML het zware werk voor je doen. Happy coding! + +## What Should You Learn Next? + +De volgende tutorials behandelen nauw verwante onderwerpen die voortbouwen op de technieken die in deze gids worden gedemonstreerd. Elke bron bevat complete werkende code‑voorbeelden met stap‑voor‑stap uitleg om je te helpen extra API‑functies onder de knie te krijgen en alternatieve implementatie‑benaderingen in je eigen projecten te verkennen. + +- [How to Use Aspose to Render HTML to PNG – Step‑by‑Step Guide](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML to Image Tutorial – Render HTML to PNG in C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Create PNG from HTML with Aspose.Html – Step‑by‑Step Guide](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/english/net/generate-jpg-and-png-images/_index.md b/html/english/net/generate-jpg-and-png-images/_index.md index 544985308..fabc4add5 100644 --- a/html/english/net/generate-jpg-and-png-images/_index.md +++ b/html/english/net/generate-jpg-and-png-images/_index.md @@ -63,6 +63,8 @@ Learn how to generate PNG images from HTML using Aspose.HTML in a comprehensive Learn how to generate PNG images from HTML using Aspose.HTML with a detailed step‑by‑step guide. ### [Create image from HTML in C# – Step‑by‑Step Guide](./create-image-from-html-in-c-step-by-step-guide/) Learn how to create an image from HTML using C# and Aspose.HTML in a clear step‑by‑step tutorial. +### [How to create image from HTML using Aspose.HTML in C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +Learn how to generate images from HTML using Aspose.HTML in C# with step-by-step guidance. ### [Render HTML to PNG in C# – Step‑by‑Step Guide](./render-html-to-png-in-c-step-by-step-guide/) Learn how to render HTML to PNG using Aspose.HTML for .NET in C#. This step‑by‑step guide covers setup, conversion, and optimization. ## Conclusion diff --git a/html/english/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/english/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..49153cc35 --- /dev/null +++ b/html/english/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,230 @@ +--- +category: general +date: 2026-09-07 +description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: en +lastmod: 2026-09-07 +og_description: Create image from HTML in C# with Aspose.HTML. Follow this guide to + render HTML to image, convert HTML to PNG, and set image width height for perfect + results. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Create image from HTML in C# – full Aspose.HTML guide +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: How to create image from HTML using Aspose.HTML in C# +url: /net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# How to create image from HTML using Aspose.HTML in C# + +If you need to **create image from HTML** in a .NET application, this guide shows you the exact steps with Aspose.HTML. You’ll learn how to **render HTML to image**, choose PNG as the output format, and control the output dimensions so the image looks exactly as you expect. + +The tutorial covers everything you need: required NuGet packages, a complete code example, explanations of each option, and tips for common pitfalls. By the end you’ll be able to **convert HTML to PNG**, **save HTML as PNG**, and **set image width height** programmatically. + +## Prerequisites + +Before you start, make sure you have: + +* .NET 6.0 or later installed (the code also works with .NET 5 and .NET Framework 4.7+). +* Visual Studio 2022 (or any IDE that supports C#). +* An Aspose.HTML for .NET license or a free evaluation key. Install the package via NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* An HTML file (`input.html`) you want to turn into an image. Place it in a folder you can reference from your project. + +## Step 1: Load the HTML document you want to render + +The first operation is to create an `HTMLDocument` instance that points to your source file. Aspose.HTML reads the markup, CSS, and external resources (images, fonts) automatically. + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Why this matters:* Loading the document separates parsing from rendering, allowing you to reuse the same `HTMLDocument` object for multiple render passes (e.g., different image sizes). + +## Step 2: Configure image rendering options (set image width height, format, quality) + +`ImageRenderingOptions` lets you fine‑tune the output. Here we enable anti‑aliasing, set a bold Arial font, turn on text hinting, and explicitly **set image width height** to 800 × 600 px. The `ImageFormat` is set to PNG, which is lossless and widely supported. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Tip:** If you omit `Width` and `Height`, Aspose.HTML uses the HTML’s intrinsic size, which may produce a very large or very small image. Always define the dimensions when you need predictable results. + +## Step 3: Create the renderer with the configured options + +The `ImageRenderer` class performs the actual conversion. Passing the `renderingOptions` you just built ensures the renderer respects your settings. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Why this matters:* Separating the renderer from the options lets you reuse the same renderer for different documents while keeping a single configuration. + +## Step 4: Render the HTML document to a PNG file – “save HTML as PNG” + +Now call `Render`, providing the source document and the target file path. The method blocks until the image is written to disk. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +When the call completes, `output.png` contains a rasterized snapshot of `input.html`. You can open the file with any image viewer to verify the result. + +### Expected output + +Running the complete program produces a PNG file with the following properties: + +* **Dimensions:** 800 × 600 px (as set in `Width`/`Height`). +* **Format:** PNG (lossless, supports transparency). +* **Visual quality:** Anti‑aliased graphics and hinted text, matching the appearance of the original HTML in a modern browser. + +## Full, runnable example + +Below is the entire program you can copy into a console application (`Program.cs`). Adjust the file paths to match your environment. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Run the program (`dotnet run` or press **F5** in Visual Studio). After execution, open `output.png` – you’ll see the rendered page exactly as defined by the HTML and CSS. + +## Common questions and edge cases + +| Question | Answer | +|----------|--------| +| **What if my HTML references external images or CSS?** | Aspose.HTML follows relative paths from the HTML file’s location. Ensure those resources are reachable, or use an absolute URL. | +| **Can I render to JPEG instead of PNG?** | Yes. Change `ImageFormat = ImageFormat.Jpeg` and optionally set `JpegQuality` in `ImageRenderingOptions`. | +| **How do I render multiple pages from a single HTML file?** | Use `Document` pagination features (`document.Pages`) and call `renderer.Render(page, ...)` for each page. | +| **What if I need a higher DPI for printing?** | Set `renderingOptions.DpiX` and `renderingOptions.DpiY` (e.g., 300) before creating the renderer. | +| **Is anti‑aliasing required for vector graphics?** | It improves smoothness for lines and curves, but you can disable it (`UseAntialiasing = false`) for faster rendering on large batches. | + +## Performance tip – reuse the renderer + +If you need to convert many HTML files in a batch, create a single `ImageRenderer` instance and reuse it: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Reusing the renderer avoids repeated allocation of internal resources, reducing CPU and memory overhead. + +## Conclusion + +You now know how to **create image from HTML** with Aspose.HTML in C#. By following the four steps—loading the document, configuring rendering options (including **set image width height**), creating the renderer, and finally **rendering HTML to image**—you can reliably **convert HTML to PNG** and **save HTML as PNG** for thumbnails, email previews, or PDF generation pipelines. + +Next, you might explore: + +* **render html to image** with different formats (JPEG, BMP, GIF). +* Adding watermarks or overlays using `Graphics` after rendering. +* Integrating this conversion into an ASP.NET Core API for on‑demand image generation. + +Feel free to experiment with the options, and let the flexibility of Aspose.HTML handle the heavy lifting for you. Happy coding! + + +## What Should You Learn Next? + + +The following tutorials cover closely related topics that build on the techniques demonstrated in this guide. Each resource includes complete working code examples with step-by-step explanations to help you master additional API features and explore alternative implementation approaches in your own projects. + +- [How to Use Aspose to Render HTML to PNG – Step‑by‑Step Guide](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML to Image Tutorial – Render HTML to PNG in C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Create PNG from HTML with Aspose.Html – Step‑by‑Step Guide](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/english/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/og-image.png b/html/english/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/og-image.png new file mode 100644 index 0000000000000000000000000000000000000000..6162c07f56813b820f92f72cb30633c6049e2a93 GIT binary patch literal 47369 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 +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Comment créer une image à partir de HTML avec Aspose.HTML en C# + +Si vous devez **créer une image à partir de HTML** dans une application .NET, ce guide vous montre les étapes exactes avec Aspose.HTML. Vous apprendrez comment **rendre le HTML en image**, choisir PNG comme format de sortie, et contrôler les dimensions de la sortie afin que l'image ressemble exactement à ce que vous attendez. + +Le tutoriel couvre tout ce dont vous avez besoin : les packages NuGet requis, un exemple de code complet, des explications sur chaque option et des conseils pour les pièges courants. À la fin, vous serez capable de **convertir HTML en PNG**, **enregistrer HTML en PNG**, et **définir la largeur et la hauteur de l'image** programmaticalement. + +## Prérequis + +* .NET 6.0 ou version ultérieure installé (le code fonctionne également avec .NET 5 et .NET Framework 4.7+). +* Visual Studio 2022 (ou tout IDE qui supporte C#). +* Une licence Aspose.HTML for .NET ou une clé d'évaluation gratuite. Installez le package via NuGet : + +```bash +dotnet add package Aspose.HTML +``` + +* Un fichier HTML (`input.html`) que vous souhaitez transformer en image. Placez‑le dans un dossier que vous pouvez référencer depuis votre projet. + +## Étape 1 : Charger le document HTML que vous voulez rendre + +La première opération consiste à créer une instance `HTMLDocument` qui pointe vers votre fichier source. Aspose.HTML lit automatiquement le balisage, le CSS et les ressources externes (images, polices). + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Pourquoi c’est important :* Le chargement du document sépare l'analyse du rendu, vous permettant de réutiliser le même objet `HTMLDocument` pour plusieurs passes de rendu (par ex., différentes tailles d'image). + +## Étape 2 : Configurer les options de rendu d'image (définir la largeur et la hauteur de l'image, le format, la qualité) + +`ImageRenderingOptions` vous permet d’ajuster finement la sortie. Ici nous activons l'anti‑aliasing, définissons une police Arial en gras, activons le hinting du texte, et définissons explicitement **la largeur et la hauteur de l'image** à 800 × 600 px. Le `ImageFormat` est défini sur PNG, qui est sans perte et largement supporté. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Conseil :** Si vous omettez `Width` et `Height`, Aspose.HTML utilise la taille intrinsèque du HTML, ce qui peut produire une image très grande ou très petite. Définissez toujours les dimensions lorsque vous avez besoin de résultats prévisibles. + +## Étape 3 : Créer le renderer avec les options configurées + +La classe `ImageRenderer` effectue la conversion réelle. Passer les `renderingOptions` que vous venez de créer garantit que le renderer respecte vos paramètres. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Pourquoi c’est important :* Séparer le renderer des options vous permet de réutiliser le même renderer pour différents documents tout en conservant une configuration unique. + +## Étape 4 : Rendre le document HTML en fichier PNG – « enregistrer HTML en PNG » + +Appelez maintenant `Render`, en fournissant le document source et le chemin du fichier cible. La méthode bloque jusqu'à ce que l'image soit écrite sur le disque. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Lorsque l'appel se termine, `output.png` contient une capture rasterisée de `input.html`. Vous pouvez ouvrir le fichier avec n'importe quel visualiseur d'images pour vérifier le résultat. + +### Résultat attendu + +L'exécution du programme complet produit un fichier PNG avec les propriétés suivantes : + +* **Dimensions :** 800 × 600 px (tel que défini dans `Width`/`Height`). +* **Format :** PNG (sans perte, prend en charge la transparence). +* **Qualité visuelle :** Graphiques anti‑aliasés et texte hinté, correspondant à l'apparence du HTML original dans un navigateur moderne. + +## Exemple complet et exécutable + +Voici le programme complet que vous pouvez copier dans une application console (`Program.cs`). Ajustez les chemins de fichiers pour correspondre à votre environnement. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Exécutez le programme (`dotnet run` ou appuyez sur **F5** dans Visual Studio). Après l'exécution, ouvrez `output.png` – vous verrez la page rendue exactement comme définie par le HTML et le CSS. + +## Questions fréquentes et cas particuliers + +| Question | Réponse | +|----------|--------| +| **Et si mon HTML référence des images ou du CSS externes ?** | Aspose.HTML suit les chemins relatifs à partir de l'emplacement du fichier HTML. Assurez‑vous que ces ressources sont accessibles, ou utilisez une URL absolue. | +| **Puis‑je rendre en JPEG au lieu de PNG ?** | Oui. Changez `ImageFormat = ImageFormat.Jpeg` et, éventuellement, définissez `JpegQuality` dans `ImageRenderingOptions`. | +| **Comment rendre plusieurs pages à partir d'un seul fichier HTML ?** | Utilisez les fonctionnalités de pagination de `Document` (`document.Pages`) et appelez `renderer.Render(page, ...)` pour chaque page. | +| **Et si j’ai besoin d’un DPI plus élevé pour l’impression ?** | Définissez `renderingOptions.DpiX` et `renderingOptions.DpiY` (par ex., 300) avant de créer le renderer. | +| **L’anti‑aliasing est‑il requis pour les graphiques vectoriels ?** | Il améliore la fluidité des lignes et courbes, mais vous pouvez le désactiver (`UseAntialiasing = false`) pour un rendu plus rapide sur de gros lots. | + +## Astuce de performance – réutiliser le renderer + +Si vous devez convertir de nombreux fichiers HTML en lot, créez une seule instance `ImageRenderer` et réutilisez‑la : + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Réutiliser le renderer évite des allocations répétées de ressources internes, réduisant ainsi la charge CPU et la consommation mémoire. + +## Conclusion + +Vous savez maintenant comment **créer une image à partir de HTML** avec Aspose.HTML en C#. En suivant les quatre étapes — charger le document, configurer les options de rendu (y compris **définir la largeur et la hauteur de l'image**), créer le renderer, et enfin **rendre le HTML en image** — vous pouvez de manière fiable **convertir HTML en PNG** et **enregistrer HTML en PNG** pour les miniatures, les aperçus d'e‑mail ou les pipelines de génération de PDF. + +Ensuite, vous pourriez explorer : + +* **render html to image** avec différents formats (JPEG, BMP, GIF). +* Ajouter des filigranes ou des superpositions en utilisant `Graphics` après le rendu. +* Intégrer cette conversion dans une API ASP.NET Core pour la génération d'images à la demande. + +N'hésitez pas à expérimenter avec les options, et laissez la flexibilité d'Aspose.HTML faire le travail lourd pour vous. Bon codage ! + +## Que devriez‑vous apprendre ensuite ? + +Les tutoriels suivants couvrent des sujets étroitement liés qui s'appuient sur les techniques démontrées dans ce guide. Chaque ressource comprend des exemples de code complets et fonctionnels avec des explications étape par étape pour vous aider à maîtriser des fonctionnalités supplémentaires de l'API et explorer des approches d'implémentation alternatives dans vos propres projets. + +- [Comment utiliser Aspose pour rendre le HTML en PNG – Guide étape par étape](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [Tutoriel HTML vers Image – Rendre le HTML en PNG en C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Créer un PNG à partir de HTML avec Aspose.Html – Guide étape par étape](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/german/net/generate-jpg-and-png-images/_index.md b/html/german/net/generate-jpg-and-png-images/_index.md index 2d6605ad8..16eb8ce81 100644 --- a/html/german/net/generate-jpg-and-png-images/_index.md +++ b/html/german/net/generate-jpg-and-png-images/_index.md @@ -50,7 +50,6 @@ Erfahren Sie, wie Sie mit Aspose.HTML für .NET Word-Dokumente in hochwertige Bi Erfahren Sie, wie Sie mit Aspose.HTML für .NET HTML-Inhalte in PNG-Bilder in C# rendern. ### [PNG aus HTML erstellen – Vollständiger C#-Leitfaden mit Aspose.HTML](./create-png-from-html-full-c-guide-with-aspose-html/) Erfahren Sie, wie Sie mit Aspose.HTML PNG-Bilder aus HTML in C# vollständig generieren – Schritt‑für‑Schritt‑Anleitung. - ### [Antialiasing beim Konvertieren von DOCX in PNG/JPG aktivieren](./how-to-enable-antialiasing-when-converting-docx-to-png-jpg/) Erfahren Sie, wie Sie beim Konvertieren von DOCX-Dokumenten in PNG oder JPG Antialiasing aktivieren, um hochwertige Bilder zu erhalten. ### [DOCX in PNG konvertieren – ZIP-Archiv erstellen C#‑Tutorial](./convert-docx-to-png-create-zip-archive-c-tutorial/) @@ -65,6 +64,9 @@ Erfahren Sie, wie Sie mit Aspose.HTML HTML in ein Bild konvertieren – detailli Erfahren Sie, wie Sie DOCX‑Dateien in PNG‑Bilder konvertieren – eine umfassende Schritt‑für‑Schritt‑Anleitung in C#. ### [HTML in PNG rendern in C# – Schritt‑für‑Schritt‑Anleitung](./render-html-to-png-in-c-step-by-step-guide/) Erfahren Sie, wie Sie mit Aspose.HTML für .NET HTML in PNG-Bilder konvertieren, inklusive Voraussetzungen und Codebeispiele. +### [Bild aus HTML mit Aspose.HTML in C# erstellen](./how-to-create-image-from-html-using-aspose-html-in-c/) +Erfahren Sie, wie Sie mit Aspose.HTML in C# HTML-Inhalte in ein Bild konvertieren – Schritt‑für‑Schritt‑Anleitung. + ## Abschluss Zusammenfassend lässt sich sagen, dass Aspose.HTML für .NET eine benutzerfreundliche und leistungsstarke Lösung zum Generieren von JPG- und PNG-Bildern aus HTML-Inhalten bietet. Egal, ob Sie ein erfahrener Entwickler sind oder gerade erst anfangen, diese Tutorials führen Sie durch den Prozess. Erstellen Sie optisch ansprechende Bilder, die auffallen und Ihre Projekte mit Aspose.HTML für .NET aufwerten. diff --git a/html/german/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/german/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..4299808cf --- /dev/null +++ b/html/german/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,227 @@ +--- +category: general +date: 2026-09-07 +description: Erfahren Sie, wie Sie mit Aspose.HTML in C# ein Bild aus HTML erstellen. + Diese Schritt‑für‑Schritt‑Anleitung zeigt außerdem, wie Sie HTML in ein Bild rendern + und HTML in PNG konvertieren. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: de +lastmod: 2026-09-07 +og_description: Erstellen Sie ein Bild aus HTML in C# mit Aspose.HTML. Folgen Sie + dieser Anleitung, um HTML in ein Bild zu rendern, HTML in PNG zu konvertieren und + die Bildbreite sowie -höhe für perfekte Ergebnisse festzulegen. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Bild aus HTML in C# erstellen – vollständige Aspose.HTML-Anleitung +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Wie man ein Bild aus HTML mit Aspose.HTML in C# erstellt +url: /de/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Wie man ein Bild aus HTML mit Aspose.HTML in C# erstellt + +Wenn Sie **ein Bild aus HTML** in einer .NET-Anwendung erstellen müssen, zeigt Ihnen dieser Leitfaden die genauen Schritte mit Aspose.HTML. Sie lernen, wie Sie **HTML zu Bild rendern**, PNG als Ausgabeformat wählen und die Ausgabedimensionen steuern, sodass das Bild genau so aussieht, wie Sie es erwarten. + +Das Tutorial deckt alles ab, was Sie benötigen: erforderliche NuGet-Pakete, ein vollständiges Codebeispiel, Erklärungen zu jeder Option und Tipps zu häufigen Fallstricken. Am Ende können Sie **HTML zu PNG konvertieren**, **HTML als PNG speichern** und **Bildbreite und -höhe** programmgesteuert festlegen. + +## Voraussetzungen + +* .NET 6.0 oder höher installiert (der Code funktioniert auch mit .NET 5 und .NET Framework 4.7+). +* Visual Studio 2022 (oder jede IDE, die C# unterstützt). +* Eine Aspose.HTML für .NET Lizenz oder ein kostenloser Evaluierungsschlüssel. Installieren Sie das Paket über NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* Eine HTML‑Datei (`input.html`), die Sie in ein Bild umwandeln möchten. Legen Sie sie in einen Ordner, den Sie von Ihrem Projekt aus referenzieren können. + +## Schritt 1: Laden Sie das HTML‑Dokument, das Sie rendern möchten + +Der erste Vorgang besteht darin, eine `HTMLDocument`‑Instanz zu erstellen, die auf Ihre Quelldatei verweist. Aspose.HTML liest das Markup, CSS und externe Ressourcen (Bilder, Schriftarten) automatisch. + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Warum das wichtig ist:* Das Laden des Dokuments trennt das Parsen vom Rendern, sodass Sie dasselbe `HTMLDocument`‑Objekt für mehrere Renderdurchläufe wiederverwenden können (z. B. verschiedene Bildgrößen). + +## Schritt 2: Bildrender‑Optionen konfigurieren (Bildbreite und -höhe, Format, Qualität festlegen) + +`ImageRenderingOptions` ermöglicht Ihnen, die Ausgabe fein abzustimmen. Hier aktivieren wir Antialiasing, setzen eine fette Arial‑Schrift, schalten Text‑Hinting ein und legen ausdrücklich **Bildbreite und -höhe** auf 800 × 600 px fest. Das `ImageFormat` wird auf PNG gesetzt, was verlustfrei und weit verbreitet ist. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Tipp:** Wenn Sie `Width` und `Height` weglassen, verwendet Aspose.HTML die intrinsische Größe des HTML, was zu einem sehr großen oder sehr kleinen Bild führen kann. Definieren Sie immer die Abmessungen, wenn Sie vorhersehbare Ergebnisse benötigen. + +## Schritt 3: Erstellen Sie den Renderer mit den konfigurierten Optionen + +Die Klasse `ImageRenderer` führt die eigentliche Konvertierung durch. Das Übergeben der gerade erstellten `renderingOptions` stellt sicher, dass der Renderer Ihre Einstellungen berücksichtigt. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Warum das wichtig ist:* Das Trennen des Renderers von den Optionen ermöglicht es Ihnen, denselben Renderer für verschiedene Dokumente wiederzuverwenden, während Sie eine einheitliche Konfiguration beibehalten. + +## Schritt 4: Rendern Sie das HTML‑Dokument in eine PNG‑Datei – „HTML als PNG speichern“ + +Rufen Sie nun `Render` auf und übergeben das Quelldokument sowie den Zielpfad. Die Methode blockiert, bis das Bild auf die Festplatte geschrieben wurde. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Wenn der Aufruf abgeschlossen ist, enthält `output.png` einen gerasterten Schnappschuss von `input.html`. Sie können die Datei mit jedem Bildbetrachter öffnen, um das Ergebnis zu überprüfen. + +### Erwartete Ausgabe + +Das Ausführen des vollständigen Programms erzeugt eine PNG‑Datei mit den folgenden Eigenschaften: + +* **Abmessungen:** 800 × 600 px (wie in `Width`/`Height` festgelegt). +* **Format:** PNG (verlustfrei, unterstützt Transparenz). +* **Visuelle Qualität:** Antialias‑Grafiken und gehinteter Text, die dem Erscheinungsbild des ursprünglichen HTML in einem modernen Browser entsprechen. + +## Vollständiges, ausführbares Beispiel + +Unten finden Sie das gesamte Programm, das Sie in eine Konsolenanwendung (`Program.cs`) kopieren können. Passen Sie die Dateipfade an Ihre Umgebung an. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Führen Sie das Programm aus (`dotnet run` oder drücken Sie **F5** in Visual Studio). Nach der Ausführung öffnen Sie `output.png` – Sie sehen die gerenderte Seite exakt wie durch das HTML und CSS definiert. + +## Häufige Fragen und Sonderfälle + +| Frage | Antwort | +|----------|--------| +| **Was ist, wenn mein HTML externe Bilder oder CSS referenziert?** | Aspose.HTML folgt den relativen Pfaden vom Speicherort der HTML‑Datei. Stellen Sie sicher, dass diese Ressourcen erreichbar sind, oder verwenden Sie eine absolute URL. | +| **Kann ich statt PNG zu JPEG rendern?** | Ja. Ändern Sie `ImageFormat = ImageFormat.Jpeg` und setzen Sie optional `JpegQuality` in `ImageRenderingOptions`. | +| **Wie render ich mehrere Seiten aus einer einzigen HTML‑Datei?** | Verwenden Sie die Paginierungs‑Funktionen von `Document` (`document.Pages`) und rufen Sie für jede Seite `renderer.Render(page, ...)` auf. | +| **Was ist, wenn ich eine höhere DPI für den Druck benötige?** | Setzen Sie `renderingOptions.DpiX` und `renderingOptions.DpiY` (z. B. 300) bevor Sie den Renderer erstellen. | +| **Ist Antialiasing für Vektorgrafiken erforderlich?** | Es verbessert die Glätte von Linien und Kurven, aber Sie können es für schnellere Renderungen bei großen Stapeln deaktivieren (`UseAntialiasing = false`). | + +## Leistungstipp – Renderer wiederverwenden + +Wenn Sie viele HTML‑Dateien in einem Batch konvertieren müssen, erstellen Sie eine einzige `ImageRenderer`‑Instanz und verwenden sie wieder: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Die Wiederverwendung des Renderers vermeidet wiederholte Zuweisungen interner Ressourcen und reduziert CPU‑ und Speicheraufwand. + +## Fazit + +Sie wissen jetzt, wie Sie mit Aspose.HTML in C# **ein Bild aus HTML erstellen**. Indem Sie die vier Schritte befolgen – das Dokument laden, die Render‑Optionen konfigurieren (einschließlich **Bildbreite und -höhe festlegen**), den Renderer erstellen und schließlich **HTML zu Bild rendern** – können Sie zuverlässig **HTML zu PNG konvertieren** und **HTML als PNG speichern** für Thumbnails, E‑Mail‑Vorschauen oder PDF‑Generierungspipelines. + +Als Nächstes könnten Sie erkunden: + +* **HTML zu Bild rendern** mit verschiedenen Formaten (JPEG, BMP, GIF). +* Hinzufügen von Wasserzeichen oder Overlays mittels `Graphics` nach dem Rendern. +* Integration dieser Konvertierung in eine ASP.NET Core API für on‑demand Bildgenerierung. + +Fühlen Sie sich frei, mit den Optionen zu experimentieren, und lassen Sie die Flexibilität von Aspose.HTML die schwere Arbeit für Sie übernehmen. Viel Spaß beim Coden! + +## Was sollten Sie als Nächstes lernen? + +Die folgenden Tutorials behandeln eng verwandte Themen, die auf den in diesem Leitfaden gezeigten Techniken aufbauen. Jede Ressource enthält vollständige funktionierende Codebeispiele mit Schritt‑für‑Schritt‑Erklärungen, um Ihnen zu helfen, zusätzliche API‑Funktionen zu meistern und alternative Implementierungsansätze in Ihren eigenen Projekten zu erkunden. + +- [Wie man Aspose verwendet, um HTML zu PNG zu rendern – Schritt‑für‑Schritt‑Anleitung](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML‑zu‑Bild‑Tutorial – HTML zu PNG in C# rendern](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [PNG aus HTML mit Aspose.Html erstellen – Schritt‑für‑Schritt‑Anleitung](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/greek/net/generate-jpg-and-png-images/_index.md b/html/greek/net/generate-jpg-and-png-images/_index.md index d2c1ae08e..cff541368 100644 --- a/html/greek/net/generate-jpg-and-png-images/_index.md +++ b/html/greek/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,9 @@ url: /el/net/generate-jpg-and-png-images/ Μάθετε πώς να μετατρέψετε HTML σε εικόνα χρησιμοποιώντας C# με αναλυτικές οδηγίες βήμα‑βήμα. ### [Απόδοση HTML σε PNG σε C# – Οδηγός βήμα προς βήμα](./render-html-to-png-in-c-step-by-step-guide/) Μάθετε πώς να αποδίδετε HTML σε PNG χρησιμοποιώντας C# με το Aspose.HTML, βήμα προς βήμα. + +### [Πώς να δημιουργήσετε εικόνα από HTML χρησιμοποιώντας το Aspose.HTML σε C#](./how-to-create-image-from-html-using-aspose-html-in-c/) + ## Σύναψη Εν κατακλείδι, το Aspose.HTML για .NET παρέχει μια φιλική προς το χρήστη και ισχυρή λύση για τη δημιουργία εικόνων JPG και PNG από περιεχόμενο HTML. Είτε είστε έμπειρος προγραμματιστής είτε μόλις ξεκινάτε, αυτά τα σεμινάρια θα σας καθοδηγήσουν στη διαδικασία. Δημιουργήστε οπτικά ελκυστικές εικόνες που ξεχωρίζουν και αναβαθμίζουν τα έργα σας με το Aspose.HTML για .NET. diff --git a/html/greek/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/greek/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..83b1e2c32 --- /dev/null +++ b/html/greek/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,227 @@ +--- +category: general +date: 2026-09-07 +description: Μάθετε πώς να δημιουργείτε εικόνα από HTML με το Aspose.HTML σε C#. Αυτός + ο οδηγός βήμα‑βήμα δείχνει επίσης πώς να αποδίδετε HTML σε εικόνα και να μετατρέπετε + HTML σε PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: el +lastmod: 2026-09-07 +og_description: Δημιουργήστε εικόνα από HTML σε C# με το Aspose.HTML. Ακολουθήστε + αυτόν τον οδηγό για να αποδώσετε HTML σε εικόνα, να μετατρέψετε HTML σε PNG και + να ορίσετε το πλάτος και το ύψος της εικόνας για τέλεια αποτελέσματα. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Δημιουργία εικόνας από HTML σε C# – πλήρης οδηγός Aspose.HTML +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Πώς να δημιουργήσετε εικόνα από HTML χρησιμοποιώντας το Aspose.HTML σε C# +url: /el/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Πώς να δημιουργήσετε εικόνα από HTML χρησιμοποιώντας το Aspose.HTML σε C# + +Αν χρειάζεστε **να δημιουργήσετε εικόνα από HTML** σε μια εφαρμογή .NET, αυτός ο οδηγός σας δείχνει τα ακριβή βήματα με το Aspose.HTML. Θα μάθετε πώς να **αποδώσετε HTML σε εικόνα**, να επιλέξετε PNG ως μορφή εξόδου και να ελέγξετε τις διαστάσεις εξόδου ώστε η εικόνα να φαίνεται ακριβώς όπως το αναμένετε. + +Το tutorial καλύπτει όλα όσα χρειάζεστε: τα απαιτούμενα πακέτα NuGet, ένα πλήρες παράδειγμα κώδικα, εξηγήσεις για κάθε επιλογή και συμβουλές για κοινά προβλήματα. Στο τέλος θα μπορείτε να **μετατρέψετε HTML σε PNG**, **αποθηκεύσετε HTML ως PNG**, και **ορίσετε το πλάτος και το ύψος της εικόνας** προγραμματιστικά. + +## Προαπαιτούμενα + +* .NET 6.0 ή νεότερο εγκατεστημένο (ο κώδικας λειτουργεί επίσης με .NET 5 και .NET Framework 4.7+). +* Visual Studio 2022 (ή οποιοδήποτε IDE που υποστηρίζει C#). +* Άδεια Aspose.HTML για .NET ή δωρεάν κλειδί αξιολόγησης. Εγκαταστήστε το πακέτο μέσω NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* Ένα αρχείο HTML (`input.html`) που θέλετε να μετατρέψετε σε εικόνα. Τοποθετήστε το σε φάκελο που μπορείτε να αναφερθείτε από το έργο σας. + +## Βήμα 1: Φορτώστε το έγγραφο HTML που θέλετε να αποδώσετε + +Η πρώτη ενέργεια είναι να δημιουργήσετε μια παρουσία `HTMLDocument` που δείχνει στο αρχείο προέλευσης σας. Το Aspose.HTML διαβάζει αυτόματα το markup, το CSS και τους εξωτερικούς πόρους (εικόνες, γραμματοσειρές). + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Γιατί είναι σημαντικό:* Η φόρτωση του εγγράφου διαχωρίζει την ανάλυση από την απόδοση, επιτρέποντάς σας να επαναχρησιμοποιήσετε το ίδιο αντικείμενο `HTMLDocument` για πολλαπλές διαδικασίες απόδοσης (π.χ., διαφορετικά μεγέθη εικόνας). + +## Βήμα 2: Διαμορφώστε τις επιλογές απόδοσης εικόνας (ορίστε πλάτος/ύψος εικόνας, μορφή, ποιότητα) + +`ImageRenderingOptions` σας επιτρέπει να ρυθμίσετε λεπτομερώς την έξοδο. Εδώ ενεργοποιούμε το anti‑aliasing, ορίζουμε έντονη γραμματοσειρά Arial, ενεργοποιούμε το text hinting και ορίζουμε ρητά **το πλάτος και το ύψος της εικόνας** σε 800 × 600 px. Η `ImageFormat` ορίζεται σε PNG, η οποία είναι lossless και ευρέως υποστηριζόμενη. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Συμβουλή:** Εάν παραλείψετε τα `Width` και `Height`, το Aspose.HTML χρησιμοποιεί το ενδογενές μέγεθος του HTML, το οποίο μπορεί να παράγει πολύ μεγάλη ή πολύ μικρή εικόνα. Πάντα ορίζετε τις διαστάσεις όταν χρειάζεστε προβλέψιμα αποτελέσματα. + +## Βήμα 3: Δημιουργήστε τον renderer με τις διαμορφωμένες επιλογές + +Η κλάση `ImageRenderer` εκτελεί την πραγματική μετατροπή. Η μεταβίβαση των `renderingOptions` που μόλις δημιουργήσατε εξασφαλίζει ότι ο renderer θα τηρήσει τις ρυθμίσεις σας. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Γιατί είναι σημαντικό:* Ο διαχωρισμός του renderer από τις επιλογές σας επιτρέπει να επαναχρησιμοποιήσετε τον ίδιο renderer για διαφορετικά έγγραφα διατηρώντας μία ενιαία διαμόρφωση. + +## Βήμα 4: Αποδώστε το έγγραφο HTML σε αρχείο PNG – “αποθηκεύστε HTML ως PNG” + +Τώρα καλέστε το `Render`, παρέχοντας το έγγραφο προέλευσης και τη διαδρομή του αρχείου προορισμού. Η μέθοδος μπλοκάρει μέχρι η εικόνα να γραφτεί στο δίσκο. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Όταν ολοκληρωθεί η κλήση, το `output.png` περιέχει ένα rasterized στιγμιότυπο του `input.html`. Μπορείτε να ανοίξετε το αρχείο με οποιονδήποτε προβολέα εικόνων για να επαληθεύσετε το αποτέλεσμα. + +### Αναμενόμενο αποτέλεσμα + +Η εκτέλεση του πλήρους προγράμματος παράγει ένα αρχείο PNG με τις ακόλουθες ιδιότητες: + +* **Διαστάσεις:** 800 × 600 px (όπως ορίστηκε στα `Width`/`Height`). +* **Μορφή:** PNG (lossless, υποστηρίζει διαφάνεια). +* **Οπτική ποιότητα:** Γραφικά anti‑aliased και κείμενο με hinting, που ταιριάζει με την εμφάνιση του αρχικού HTML σε σύγχρονο πρόγραμμα περιήγησης. + +## Πλήρες, εκτελέσιμο παράδειγμα + +Παρακάτω βρίσκεται ολόκληρο το πρόγραμμα που μπορείτε να αντιγράψετε σε μια εφαρμογή κονσόλας (`Program.cs`). Προσαρμόστε τις διαδρομές αρχείων ώστε να ταιριάζουν με το περιβάλλον σας. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Εκτελέστε το πρόγραμμα (`dotnet run` ή πατήστε **F5** στο Visual Studio). Μετά την εκτέλεση, ανοίξτε το `output.png` – θα δείτε τη σελίδα που αποδόθηκε ακριβώς όπως ορίζεται από το HTML και το CSS. + +## Συχνές ερωτήσεις και ειδικές περιπτώσεις + +| Ερώτηση | Απάντηση | +|----------|--------| +| **Τι γίνεται αν το HTML μου αναφέρεται σε εξωτερικές εικόνες ή CSS;** | Το Aspose.HTML ακολουθεί τις σχετικές διαδρομές από τη θέση του αρχείου HTML. Βεβαιωθείτε ότι οι πόροι είναι προσβάσιμοι, ή χρησιμοποιήστε απόλυτο URL. | +| **Μπορώ να αποδώσω σε JPEG αντί για PNG;** | Ναι. Αλλάξτε `ImageFormat = ImageFormat.Jpeg` και προαιρετικά ορίστε `JpegQuality` στο `ImageRenderingOptions`. | +| **Πώς μπορώ να αποδώσω πολλαπλές σελίδες από ένα μόνο αρχείο HTML;** | Χρησιμοποιήστε τις δυνατότητες σελιδοποίησης του `Document` (`document.Pages`) και καλέστε `renderer.Render(page, ...)` για κάθε σελίδα. | +| **Τι γίνεται αν χρειάζομαι υψηλότερο DPI για εκτύπωση;** | Ορίστε `renderingOptions.DpiX` και `renderingOptions.DpiY` (π.χ., 300) πριν δημιουργήσετε τον renderer. | +| **Απαιτείται anti‑aliasing για διανυσματικά γραφικά;** | Βελτιώνει την ομαλότητα των γραμμών και των καμπυλών, αλλά μπορείτε να το απενεργοποιήσετε (`UseAntialiasing = false`) για ταχύτερη απόδοση σε μεγάλες παρτίδες. | + +## Συμβουλή απόδοσης – επαναχρησιμοποίηση του renderer + +Αν χρειάζεται να μετατρέψετε πολλά αρχεία HTML σε παρτίδα, δημιουργήστε μία μόνο παρουσία `ImageRenderer` και επαναχρησιμοποιήστε την: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Η επαναχρησιμοποίηση του renderer αποφεύγει την επαναλαμβανόμενη κατανομή εσωτερικών πόρων, μειώνοντας το φορτίο CPU και μνήμης. + +## Συμπέρασμα + +Τώρα γνωρίζετε πώς να **δημιουργήσετε εικόνα από HTML** με το Aspose.HTML σε C#. Ακολουθώντας τα τέσσερα βήματα—φόρτωση του εγγράφου, διαμόρφωση των επιλογών απόδοσης (συμπεριλαμβανομένου του **ορισμού πλάτους/ύψους εικόνας**), δημιουργία του renderer, και τέλος **απόδοση HTML σε εικόνα**—μπορείτε αξιόπιστα να **μετατρέψετε HTML σε PNG** και να **αποθηκεύσετε HTML ως PNG** για μικρογραφίες, προεπισκοπήσεις email ή pipelines δημιουργίας PDF. + +Στη συνέχεια, μπορείτε να εξερευνήσετε: + +* **render html to image** με διαφορετικές μορφές (JPEG, BMP, GIF). +* Προσθήκη υδατογραφήματος ή επικάλυψης χρησιμοποιώντας `Graphics` μετά την απόδοση. +* Ενσωμάτωση αυτής της μετατροπής σε ASP.NET Core API για δημιουργία εικόνας κατόπιν ζήτησης. + +Νιώστε ελεύθεροι να πειραματιστείτε με τις επιλογές, και αφήστε την ευελιξία του Aspose.HTML να αναλάβει το βαρέως έργο για εσάς. Καλή κωδικοποίηση! + +## Τι πρέπει να μάθετε στη συνέχεια; + +Τα παρακάτω tutorials καλύπτουν στενά σχετικές θεματολογίες που βασίζονται στις τεχνικές που παρουσιάζονται σε αυτόν τον οδηγό. Κάθε πόρος περιλαμβάνει πλήρη παραδείγματα κώδικα με βήμα‑βήμα εξηγήσεις για να σας βοηθήσουν να εξοικειωθείτε με πρόσθετες δυνατότητες του API και να εξερευνήσετε εναλλακτικές προσεγγίσεις υλοποίησης στα δικά σας έργα. + +- [Πώς να χρησιμοποιήσετε το Aspose για απόδοση HTML σε PNG – Οδηγός βήμα‑βήμα](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [Tutorial HTML σε Εικόνα – Απόδοση HTML σε PNG σε C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Δημιουργία PNG από HTML με Aspose.Html – Οδηγός βήμα‑βήμα](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/hindi/net/generate-jpg-and-png-images/_index.md b/html/hindi/net/generate-jpg-and-png-images/_index.md index 59a457114..d53212057 100644 --- a/html/hindi/net/generate-jpg-and-png-images/_index.md +++ b/html/hindi/net/generate-jpg-and-png-images/_index.md @@ -45,7 +45,7 @@ HTML दस्तावेज़ों में हेरफेर करने ### [डेवलपर्स के लिए वर्ड को PNG में बदलें – पूर्ण गाइड](./convert-word-to-png-complete-guide-for-developers/) Aspose.HTML for .NET का उपयोग करके वर्ड दस्तावेज़ों को PNG इमेज में बदलने के चरण-दर-स्टेप मार्गदर्शन। ### [C# में वर्ड को इमेज में बदलें – पूर्ण गाइड](./convert-word-to-image-in-c-complete-guide/) -C# में Aspose.HTML का उपयोग करके वर्ड दस्तावेज़ को इमेज में बदलने के चरण-दर-चरण मार्गदर्शन। +C# में Aspose.HTML का उपयोग करके वर्ड दस्तावेज़ को इमेज में बदलने का चरण-दर-स्टेप मार्गदर्शन। ### [HTML से इमेज ट्यूटोरियल – C# में HTML को PNG में रेंडर करें](./html-to-image-tutorial-render-html-to-png-in-c/) C# में Aspose.HTML का उपयोग करके HTML को PNG इमेज में रेंडर करने का चरण-दर-चरण ट्यूटोरियल। ### [HTML से PNG बनाएं – Aspose.HTML के साथ पूर्ण C# गाइड](./create-png-from-html-full-c-guide-with-aspose-html/) @@ -65,6 +65,9 @@ HTML को PNG इमेज में बदलने के लिए Aspose.H C# में Aspose.HTML का उपयोग करके HTML को इमेज में बदलने के चरण‑दर‑चरण निर्देश। ### [C# में HTML को PNG में रेंडर करें – चरण‑दर‑चरण गाइड](./render-html-to-png-in-c-step-by-step-guide/) C# में Aspose.HTML का उपयोग करके HTML को PNG इमेज में बदलने की प्रक्रिया सीखें। चरण‑दर‑चरण निर्देश और उदाहरण। +### [C# में Aspose.HTML का उपयोग करके HTML से इमेज बनाएं](./how-to-create-image-from-html-using-aspose-html-in-c/) +C# में Aspose.HTML के साथ HTML को इमेज में बदलने का चरण‑दर‑चरण मार्गदर्शन। + ## निष्कर्ष निष्कर्ष में, Aspose.HTML for .NET HTML सामग्री से JPG और PNG छवियाँ बनाने के लिए एक उपयोगकर्ता-अनुकूल और शक्तिशाली समाधान प्रदान करता है। चाहे आप एक अनुभवी डेवलपर हों या अभी शुरुआत कर रहे हों, ये ट्यूटोरियल आपको इस प्रक्रिया में मार्गदर्शन करेंगे। Aspose.HTML for .NET के साथ दिखने में आकर्षक छवियाँ बनाएँ जो सबसे अलग दिखें और आपकी परियोजनाओं को बेहतर बनाएँ। diff --git a/html/hindi/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/hindi/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..6767daa2a --- /dev/null +++ b/html/hindi/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,226 @@ +--- +category: general +date: 2026-09-07 +description: Aspose.HTML के साथ C# में HTML से इमेज बनाना सीखें। यह चरण‑दर‑चरण गाइड + यह भी दिखाता है कि HTML को इमेज में कैसे रेंडर करें और HTML को PNG में कैसे बदलें। +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: hi +lastmod: 2026-09-07 +og_description: Aspose.HTML के साथ C# में HTML से इमेज बनाएं। इस गाइड का पालन करके + HTML को इमेज में रेंडर करें, HTML को PNG में बदलें, और परिपूर्ण परिणामों के लिए + इमेज की चौड़ाई और ऊँचाई सेट करें। +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: C# में HTML से इमेज बनाएं – पूर्ण Aspose.HTML गाइड +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Aspose.HTML का उपयोग करके C# में HTML से इमेज कैसे बनाएं +url: /hi/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# C# में Aspose.HTML का उपयोग करके HTML से इमेज कैसे बनाएं + +यदि आपको .NET एप्लिकेशन में **HTML से इमेज बनानी** है, तो यह गाइड Aspose.HTML के साथ सटीक चरण दिखाता है। आप सीखेंगे कि **HTML को इमेज में रेंडर** कैसे करें, आउटपुट फ़ॉर्मेट के रूप में PNG चुनें, और आउटपुट आयामों को नियंत्रित करें ताकि इमेज बिल्कुल वही दिखे जिसकी आप अपेक्षा करते हैं। + +यह ट्यूटोरियल वह सब कुछ कवर करता है जिसकी आपको आवश्यकता है: आवश्यक NuGet पैकेज, एक पूर्ण कोड उदाहरण, प्रत्येक विकल्प की व्याख्याएँ, और सामान्य समस्याओं के लिए टिप्स। अंत तक आप प्रोग्रामेटिकली **HTML को PNG में बदल** सकेंगे, **HTML को PNG के रूप में सहेज** सकेंगे, और **इमेज की चौड़ाई और ऊँचाई सेट** कर सकेंगे। + +## पूर्वापेक्षाएँ + +* .NET 6.0 या बाद का संस्करण स्थापित हो (कोड .NET 5 और .NET Framework 4.7+ के साथ भी काम करता है)। +* Visual Studio 2022 (या कोई भी IDE जो C# को सपोर्ट करता हो)। +* Aspose.HTML for .NET लाइसेंस या एक मुफ्त इवैल्यूएशन की। पैकेज को NuGet के माध्यम से इंस्टॉल करें: + +```bash +dotnet add package Aspose.HTML +``` + +* एक HTML फ़ाइल (`input.html`) जिसे आप इमेज में बदलना चाहते हैं। इसे ऐसी फ़ोल्डर में रखें जिसे आप अपने प्रोजेक्ट से रेफ़र कर सकें। + +## चरण 1: वह HTML दस्तावेज़ लोड करें जिसे आप रेंडर करना चाहते हैं + +पहला ऑपरेशन यह है कि आप एक `HTMLDocument` इंस्टेंस बनाएं जो आपके स्रोत फ़ाइल की ओर इशारा करे। Aspose.HTML मार्कअप, CSS, और बाहरी संसाधनों (इमेज, फ़ॉन्ट) को स्वचालित रूप से पढ़ता है। + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*क्यों यह महत्वपूर्ण है:* दस्तावेज़ को लोड करने से पार्सिंग और रेंडरिंग अलग हो जाते हैं, जिससे आप एक ही `HTMLDocument` ऑब्जेक्ट को कई रेंडर पास (जैसे विभिन्न इमेज आकार) के लिए पुन: उपयोग कर सकते हैं। + +## चरण 2: इमेज रेंडरिंग विकल्प कॉन्फ़िगर करें (इमेज की चौड़ाई और ऊँचाई सेट करें, फ़ॉर्मेट, क्वालिटी) + +`ImageRenderingOptions` आपको आउटपुट को बारीकी से ट्यून करने देता है। यहाँ हम एंटी‑एलियासिंग सक्षम करते हैं, बोल्ड Arial फ़ॉन्ट सेट करते हैं, टेक्स्ट हिन्टिंग चालू करते हैं, और स्पष्ट रूप से **इमेज की चौड़ाई और ऊँचाई** को 800 × 600 px पर सेट करते हैं। `ImageFormat` को PNG पर सेट किया गया है, जो लॉसलेस और व्यापक रूप से समर्थित है। + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**टिप:** यदि आप `Width` और `Height` को छोड़ देते हैं, तो Aspose.HTML HTML के अंतर्निहित आकार का उपयोग करता है, जिससे बहुत बड़ी या बहुत छोटी इमेज बन सकती है। जब आपको पूर्वानुमेय परिणाम चाहिए हों तो हमेशा आयाम निर्धारित करें। + +## चरण 3: कॉन्फ़िगर किए गए विकल्पों के साथ रेंडरर बनाएं + +`ImageRenderer` क्लास वास्तविक रूपांतरण करती है। आप द्वारा अभी बनाए गए `renderingOptions` को पास करने से रेंडरर आपके सेटिंग्स का सम्मान करता है। + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*क्यों यह महत्वपूर्ण है:* रेंडरर को विकल्पों से अलग करने से आप विभिन्न दस्तावेज़ों के लिए एक ही रेंडरर को पुन: उपयोग कर सकते हैं जबकि एक ही कॉन्फ़िगरेशन रख सकते हैं। + +## चरण 4: HTML दस्तावेज़ को PNG फ़ाइल में रेंडर करें – “HTML को PNG के रूप में सहेजें” + +अब `Render` को कॉल करें, स्रोत दस्तावेज़ और लक्ष्य फ़ाइल पाथ प्रदान करें। यह मेथड तब तक ब्लॉक रहेगा जब तक इमेज डिस्क पर लिखी नहीं जाती। + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +जब कॉल पूरा हो जाता है, `output.png` में `input.html` का रास्टराइज़्ड स्नैपशॉट होता है। आप परिणाम की पुष्टि के लिए फ़ाइल को किसी भी इमेज व्यूअर से खोल सकते हैं। + +### अपेक्षित आउटपुट + +पूरा प्रोग्राम चलाने से निम्नलिखित गुणों वाली PNG फ़ाइल बनती है: + +* **आयाम:** 800 × 600 px (`Width`/`Height` में सेट अनुसार)। +* **फ़ॉर्मेट:** PNG (लॉसलेस, ट्रांसपैरेंसी सपोर्ट करता है)। +* **विज़ुअल क्वालिटी:** एंटी‑एलियास्ड ग्राफ़िक्स और हिन्टेड टेक्स्ट, जो आधुनिक ब्राउज़र में मूल HTML की उपस्थिति से मेल खाता है। + +## पूर्ण, चलाने योग्य उदाहरण + +नीचे पूरा प्रोग्राम दिया गया है जिसे आप एक कंसोल एप्लिकेशन (`Program.cs`) में कॉपी कर सकते हैं। अपने पर्यावरण के अनुसार फ़ाइल पाथ समायोजित करें। + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +प्रोग्राम चलाएँ (`dotnet run` या Visual Studio में **F5** दबाएँ)। निष्पादन के बाद, `output.png` खोलें – आपको रेंडर किया गया पेज बिल्कुल उसी तरह दिखेगा जैसा HTML और CSS में परिभाषित है। + +## सामान्य प्रश्न और किनारे के मामलों + +| प्रश्न | उत्तर | +|----------|--------| +| **यदि मेरा HTML बाहरी इमेज या CSS को संदर्भित करता है तो क्या होगा?** | Aspose.HTML HTML फ़ाइल के स्थान से रिलेटिव पाथ्स का अनुसरण करता है। सुनिश्चित करें कि ये संसाधन पहुँच योग्य हों, या एक एब्सोल्यूट URL का उपयोग करें। | +| **क्या मैं PNG के बजाय JPEG में रेंडर कर सकता हूँ?** | हाँ। `ImageFormat = ImageFormat.Jpeg` बदलें और वैकल्पिक रूप से `ImageRenderingOptions` में `JpegQuality` सेट करें। | +| **एक ही HTML फ़ाइल से कई पेज कैसे रेंडर करूँ?** | `Document` पेजिनेशन फीचर (`document.Pages`) का उपयोग करें और प्रत्येक पेज के लिए `renderer.Render(page, ...)` कॉल करें। | +| **यदि मुझे प्रिंटिंग के लिए उच्च DPI चाहिए तो क्या करें?** | रेंडरर बनाने से पहले `renderingOptions.DpiX` और `renderingOptions.DpiY` (उदा., 300) सेट करें। | +| **क्या वेक्टर ग्राफ़िक्स के लिए एंटी‑एलियासिंग आवश्यक है?** | यह लाइनों और कर्व्स की स्मूदनेस बढ़ाता है, लेकिन आप बड़े बैच में तेज़ रेंडरिंग के लिए इसे डिसेबल (`UseAntialiasing = false`) कर सकते हैं। | + +## प्रदर्शन टिप – रेंडरर को पुन: उपयोग करें + +यदि आपको बैच में कई HTML फ़ाइलों को बदलना है, तो एक ही `ImageRenderer` इंस्टेंस बनाएं और उसे पुन: उपयोग करें: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +रेंडरर को पुन: उपयोग करने से आंतरिक संसाधनों का बार‑बार आवंटन नहीं होता, जिससे CPU और मेमोरी ओवरहेड कम होता है। + +## निष्कर्ष + +अब आप जानते हैं कि C# में Aspose.HTML के साथ **HTML से इमेज कैसे बनाएं**। चार चरणों—दस्तावेज़ लोड करना, रेंडरिंग विकल्प कॉन्फ़िगर करना (जिसमें **इमेज की चौड़ाई और ऊँचाई सेट** करना शामिल है), रेंडरर बनाना, और अंत में **HTML को इमेज में रेंडर** करना—का पालन करके आप भरोसेमंद रूप से **HTML को PNG में बदल** सकते हैं और थंबनेल, ईमेल प्रीव्यू या PDF जेनरेशन पाइपलाइन के लिए **HTML को PNG के रूप में सहेज** सकते हैं। + +आगे, आप खोज सकते हैं: + +* विभिन्न फ़ॉर्मेट (JPEG, BMP, GIF) के साथ **HTML को इमेज में रेंडर** करें। +* रेंडरिंग के बाद `Graphics` का उपयोग करके वॉटरमार्क या ओवरले जोड़ें। +* ऑन‑डिमांड इमेज जेनरेशन के लिए इस रूपांतरण को ASP.NET Core API में इंटीग्रेट करें। + +विकल्पों के साथ प्रयोग करने में संकोच न करें, और Aspose.HTML की लचीलापन को आपके लिए भारी काम संभालने दें। कोडिंग का आनंद लें! + +## आगे आप क्या सीखें? + +निम्नलिखित ट्यूटोरियल्स निकटतम संबंधित विषयों को कवर करते हैं जो इस गाइड में दिखाए गए तकनीकों पर आधारित हैं। प्रत्येक संसाधन में पूर्ण कार्यशील कोड उदाहरण और चरण‑दर‑चरण व्याख्याएँ शामिल हैं जो आपको अतिरिक्त API फीचर्स में महारत हासिल करने और अपने प्रोजेक्ट में वैकल्पिक इम्प्लीमेंटेशन अप्रोच को एक्सप्लोर करने में मदद करती हैं। + +- [Aspose का उपयोग करके HTML को PNG में रेंडर करने की विधि – चरण‑दर‑चरण गाइड](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML से इमेज ट्यूटोरियल – C# में HTML को PNG में रेंडर करना](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Aspose.Html के साथ HTML से PNG बनाना – चरण‑दर‑चरण गाइड](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/hongkong/net/generate-jpg-and-png-images/_index.md b/html/hongkong/net/generate-jpg-and-png-images/_index.md index 8defad78b..a4d549a18 100644 --- a/html/hongkong/net/generate-jpg-and-png-images/_index.md +++ b/html/hongkong/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,9 @@ Aspose.HTML for .NET 提供了一種將 HTML 轉換為映像的簡單方法。 本教學逐步說明如何使用 Aspose.HTML for .NET 於 C# 中將 HTML 轉換為圖像，涵蓋設定與最佳化技巧。 ### [在 C# 中將 HTML 渲染為 PNG – 步驟指南](./render-html-to-png-in-c-step-by-step-guide/) 學習如何使用 Aspose.HTML for .NET 在 C# 中將 HTML 轉換為 PNG 圖像，涵蓋設定與最佳化技巧。 +### [如何使用 Aspose.HTML 在 C# 中從 HTML 建立圖像](./how-to-create-image-from-html-using-aspose-html-in-c/) +本教學示範如何使用 Aspose.HTML for .NET 在 C# 中將 HTML 轉換為圖像。 + ## 結論 總之，Aspose.HTML for .NET 提供了一個使用者友好且功能強大的解決方案，可從 HTML 內容產生 JPG 和 PNG 映像。無論您是經驗豐富的開發人員還是新手，這些教學都將引導您完成整個過程。使用 Aspose.HTML for .NET 建立具有視覺吸引力的圖像，這些圖像脫穎而出並提升您的專案。 diff --git a/html/hongkong/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/hongkong/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..6afc40fe6 --- /dev/null +++ b/html/hongkong/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,224 @@ +--- +category: general +date: 2026-09-07 +description: 學習如何使用 Aspose.HTML 在 C# 中從 HTML 建立圖片。此一步一步的指南亦示範如何將 HTML 渲染成圖片以及將 HTML + 轉換為 PNG。 +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: zh-hant +lastmod: 2026-09-07 +og_description: 使用 Aspose.HTML 在 C# 中將 HTML 轉換為圖像。依照本指南渲染 HTML 為圖像、轉換 HTML 為 PNG，並設定圖像寬度與高度，獲得完美效果。 +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: 在 C# 中從 HTML 建立圖像 – 完整 Aspose.HTML 指南 +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: 如何在 C# 中使用 Aspose.HTML 從 HTML 產生圖片 +url: /zh-hant/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# 如何使用 Aspose.HTML 在 C# 中從 HTML 建立圖像 + +如果您需要在 .NET 應用程式中 **從 HTML 建立圖像**，本指南將示範使用 Aspose.HTML 的完整步驟。您將學習如何 **將 HTML 渲染為圖像**、選擇 PNG 作為輸出格式，並控制輸出尺寸，使圖像呈現如您所預期的樣子。 + +本教學涵蓋您所需的一切：必要的 NuGet 套件、完整的程式碼範例、各選項說明，以及常見陷阱的提示。完成後，您將能夠以程式方式 **將 HTML 轉換為 PNG**、**將 HTML 儲存為 PNG**，以及 **設定圖像寬度與高度**。 + +## 前置條件 + +* .NET 6.0 或更新版本已安裝（此程式碼亦相容於 .NET 5 與 .NET Framework 4.7+）。 +* Visual Studio 2022（或任何支援 C# 的 IDE）。 +* Aspose.HTML for .NET 授權或免費評估金鑰。透過 NuGet 安裝套件： + +```bash +dotnet add package Aspose.HTML +``` + +* 一個您想要轉換為圖像的 HTML 檔案（`input.html`）。請將其放置於可從專案參考的資料夾中。 + +## 步驟 1：載入您想要渲染的 HTML 文件 + +第一步是建立指向來源檔案的 `HTMLDocument` 實例。Aspose.HTML 會自動讀取標記、CSS 以及外部資源（圖像、字型）。 + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*為什麼這很重要：* 載入文件將解析與渲染分離，讓您可以重複使用相同的 `HTMLDocument` 物件進行多次渲染（例如不同的圖像尺寸）。 + +## 步驟 2：設定圖像渲染選項（設定圖像寬度與高度、格式、品質） + +`ImageRenderingOptions` 讓您微調輸出。此處我們啟用抗鋸齒、設定粗體 Arial 字型、開啟文字 hinting，並明確 **設定圖像寬度與高度** 為 800 × 600 px。`ImageFormat` 設為 PNG，屬於無損且廣受支援的格式。 + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**提示：** 若省略 `Width` 與 `Height`，Aspose.HTML 會使用 HTML 本身的尺寸，可能產生過大或過小的圖像。當需要可預測的結果時，務必明確定義尺寸。 + +## 步驟 3：使用已設定的選項建立渲染器 + +`ImageRenderer` 類別執行實際的轉換。傳入剛剛建立的 `renderingOptions` 可確保渲染器遵循您的設定。 + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*為什麼這很重要：* 將渲染器與選項分離，可讓您在不同文件間重複使用同一渲染器，同時維持單一設定。 + +## 步驟 4：將 HTML 文件渲染為 PNG 檔案 – 「將 HTML 儲存為 PNG」 + +現在呼叫 `Render`，提供來源文件與目標檔案路徑。此方法會阻塞，直至圖像寫入磁碟。 + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +呼叫完成後，`output.png` 會包含 `input.html` 的光柵化快照。您可以使用任何圖像檢視器開啟該檔案以驗證結果。 + +### 預期輸出 + +執行完整程式會產生具備以下屬性的 PNG 檔案： + +* **尺寸：** 800 × 600 px（依 `Width`/`Height` 設定）。 +* **格式：** PNG（無損，支援透明度）。 +* **視覺品質：** 抗鋸齒圖形與 hinting 文字，與現代瀏覽器中原始 HTML 的外觀相符。 + +## 完整、可執行的範例 + +以下為完整程式碼，您可將其複製到主控台應用程式（`Program.cs`）中。請依您的環境調整檔案路徑。 + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +執行程式（`dotnet run` 或在 Visual Studio 按 **F5**）。執行完畢後，開啟 `output.png`——您將看到與 HTML 與 CSS 定義完全相同的渲染頁面。 + +## 常見問題與特殊情況 + +| Question | Answer | +|----------|--------| +| **如果我的 HTML 參考外部圖像或 CSS，該怎麼辦？** | Aspose.HTML 會依照 HTML 檔案所在位置的相對路徑尋找資源。請確保這些資源可被存取，或改用絕對 URL。 | +| **我可以渲染成 JPEG 而不是 PNG 嗎？** | 可以。將 `ImageFormat = ImageFormat.Jpeg`，並可選擇在 `ImageRenderingOptions` 中設定 `JpegQuality`。 | +| **如何從單一 HTML 檔案渲染多頁？** | 使用 `Document` 的分頁功能（`document.Pages`），並對每一頁呼叫 `renderer.Render(page, ...)`。 | +| **如果需要較高的 DPI 以供列印呢？** | 在建立渲染器之前，設定 `renderingOptions.DpiX` 與 `renderingOptions.DpiY`（例如 300）。 | +| **向量圖形是否必須使用抗鋸齒？** | 抗鋸齒可提升線條與曲線的平滑度，但若在大量批次處理時需要更快速度，可將其關閉（`UseAntialiasing = false`）。 | + +## 效能提示 – 重複使用渲染器 + +若需在批次中轉換大量 HTML 檔案，請建立單一 `ImageRenderer` 實例並重複使用： + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +重複使用渲染器可避免重複分配內部資源，降低 CPU 與記憶體開銷。 + +## 結論 + +現在您已了解如何在 C# 中使用 Aspose.HTML **從 HTML 建立圖像**。透過以下四個步驟——載入文件、設定渲染選項（包含 **設定圖像寬度與高度**）、建立渲染器，最後 **將 HTML 渲染為圖像**——您即可可靠地 **將 HTML 轉換為 PNG**，並 **將 HTML 儲存為 PNG**，適用於縮圖、電子郵件預覽或 PDF 產生流程。 + +接下來，您可以探索： + +* 使用不同格式（JPEG、BMP、GIF）**將 HTML 渲染為圖像**。 +* 渲染後使用 `Graphics` 加入浮水印或覆蓋層。 +* 將此轉換整合至 ASP.NET Core API，以提供即時圖像產生服務。 + +歡迎自行嘗試各種選項，讓 Aspose.HTML 的彈性為您處理繁重工作。祝開發愉快！ + +## 接下來您可以學習什麼？ + +以下教學涵蓋與本指南技術密切相關的主題，並以完整可執行的程式碼範例與逐步說明，協助您精通其他 API 功能，並在專案中探索替代實作方式。 + +- [How to Use Aspose to Render HTML to PNG – Step‑by‑Step Guide](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML to Image Tutorial – Render HTML to PNG in C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Create PNG from HTML with Aspose.Html – Step‑by‑Step Guide](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/hungarian/net/generate-jpg-and-png-images/_index.md b/html/hungarian/net/generate-jpg-and-png-images/_index.md index 0821e1215..20c083ed6 100644 --- a/html/hungarian/net/generate-jpg-and-png-images/_index.md +++ b/html/hungarian/net/generate-jpg-and-png-images/_index.md @@ -50,7 +50,6 @@ Ismerje meg, hogyan konvertálhat Word dokumentumokat képekké C#-ban az Aspose Ismerje meg, hogyan konvertálhat HTML-t PNG képpé C#-ban az Aspose.HTML for .NET segítségével. ### [PNG létrehozása HTML-ből – Teljes C# útmutató az Aspose.HTML használatával](./create-png-from-html-full-c-guide-with-aspose-html/) Ismerje meg, hogyan konvertálhat HTML-t PNG képpé C#-ban az Aspose.HTML segítségével, részletes lépésekkel és beállításokkal. - ### [Hogyan engedélyezzük az antialiasingot a DOCX PNG/JPG konvertálásakor](./how-to-enable-antialiasing-when-converting-docx-to-png-jpg/) Ismerje meg, hogyan állíthatja be az antialiasingot a DOCX dokumentumok PNG vagy JPG képekké konvertálásakor az Aspose.HTML for .NET használatával. ### [docx konvertálása png-re – zip archívum létrehozása C# oktatóanyag](./convert-docx-to-png-create-zip-archive-c-tutorial/) @@ -58,13 +57,16 @@ Ismerje meg, hogyan konvertálhat docx fájlokat png képekké, majd csomagolhat ### [docx konvertálása png-re C#‑ban – Teljes lépésről‑lépésre útmutató](./convert-docx-to-png-in-c-full-step-by-step-guide/) Ismerje meg, hogyan konvertálhat docx fájlokat png képekké C#‑ban az Aspose.HTML segítségével lépésről‑lépésre. ### [PNG létrehozása HTML-ből az Aspose.HTML segítségével – Teljes útmutató](./create-png-from-html-with-aspose-html-complete-guide/) -Ismerje meg, hogyan konvertálhat HTML-t PNG képpé az Aspose.HTML könyvtár segítségével lépésről lépésre. +Ismerje meg, hogyan konvertálhat HTML-t PNG képpé az Aspose.HTML könyvtár segítségével lépésről‑lépésre. ### [PNG létrehozása HTML-ből az Aspose.HTML segítségével – Lépésről‑lépésre útmutató](./create-png-from-html-with-aspose-html-step-by-step-guide/) Ismerje meg, hogyan konvertálhat HTML-t PNG képpé az Aspose.HTML segítségével részletes, lépésről‑lépésre útmutatóval. ### [Kép létrehozása HTML-ből C#‑ban – Lépésről‑lépésre útmutató](./create-image-from-html-in-c-step-by-step-guide/) Ismerje meg, hogyan konvertálhat HTML-t képpé C#‑ban az Aspose.HTML segítségével részletes, lépésről‑lépésre útmutatóval. ### [HTML renderelése PNG-be C#‑ban – Lépésről‑lépésre útmutató](./render-html-to-png-in-c-step-by-step-guide/) Ismerje meg, hogyan renderelhet HTML-t PNG formátumba C#‑ban az Aspose.HTML segítségével, részletes lépésekkel. +### [Hogyan hozhatunk képet HTML-ből az Aspose.HTML használatával C#-ban](./how-to-create-image-from-html-using-aspose-html-in-c/) +Ismerje meg, hogyan konvertálhat HTML-t képpé C#‑ban az Aspose.HTML segítségével. + ## Következtetés Összefoglalva, az Aspose.HTML for .NET felhasználóbarát és hatékony megoldást kínál JPG és PNG képek előállítására HTML tartalomból. Akár tapasztalt fejlesztő, akár csak most kezdő, ezek az oktatóanyagok végigvezetik a folyamaton. Az Aspose.HTML for .NET segítségével vizuálisan tetszetős képeket készíthet, amelyek kiemelkednek, és kiemelik projektjeit. diff --git a/html/hungarian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/hungarian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..e37f70275 --- /dev/null +++ b/html/hungarian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,227 @@ +--- +category: general +date: 2026-09-07 +description: Tanulja meg, hogyan hozhat létre képet HTML‑ből az Aspose.HTML segítségével + C#‑ban. Ez a lépésről‑lépésre útmutató bemutatja, hogyan renderelhet HTML‑t képre, + és hogyan konvertálhatja a HTML‑t PNG‑vé. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: hu +lastmod: 2026-09-07 +og_description: Készíts képet HTML-ből C#-ban az Aspose.HTML segítségével. Kövesd + ezt az útmutatót, hogy HTML-t képpé renderelj, HTML-t PNG-re konvertálj, és beállítsd + a kép szélességét és magasságát a tökéletes eredményért. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Kép létrehozása HTML‑ből C#‑ban – teljes Aspose.HTML útmutató +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Hogyan hozhatunk létre képet HTML-ből az Aspose.HTML használatával C#-ban +url: /hu/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Hogyan hozzunk létre képet HTML-ből az Aspose.HTML használatával C#-ban + +Ha .NET alkalmazásban **képet kell létrehozni HTML-ből**, ez az útmutató bemutatja a pontos lépéseket az Aspose.HTML segítségével. Megtanulja, hogyan **renderelje a HTML-t képre**, hogyan válassza a PNG-t kimeneti formátumként, és hogyan szabályozza a kimeneti méreteket, hogy a kép pontosan úgy nézzen ki, ahogy elvárja. + +Az útmutató mindent lefed, amire szüksége van: a szükséges NuGet csomagok, egy teljes kódrészlet, az egyes beállítások magyarázata, valamint tippek a gyakori hibák elkerüléséhez. A végére képes lesz **HTML-t PNG-re konvertálni**, **HTML-t PNG-ként menteni**, és programozottan **beállítani a kép szélességét és magasságát**. + +## Előkövetelmények + +* .NET 6.0 vagy újabb telepítve (a kód .NET 5 és .NET Framework 4.7+ esetén is működik). +* Visual Studio 2022 (vagy bármely IDE, amely támogatja a C#-ot). +* Aspose.HTML for .NET licenc vagy egy ingyenes értékelő kulcs. Telepítse a csomagot a NuGet-en keresztül: + +```bash +dotnet add package Aspose.HTML +``` + +* Egy HTML fájl (`input.html`), amelyet képpé szeretne konvertálni. Helyezze el egy olyan mappában, amelyre a projektből hivatkozhat. + +## 1. lépés: Töltse be a renderelni kívánt HTML dokumentumot + +Az első művelet egy `HTMLDocument` példány létrehozása, amely a forrásfájlra mutat. Az Aspose.HTML automatikusan beolvassa a markupot, a CSS‑t és a külső erőforrásokat (képek, betűkészletek). + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Miért fontos:* A dokumentum betöltése elválasztja a feldolgozást a rendereléstől, lehetővé téve, hogy ugyanazt a `HTMLDocument` objektumot több renderelési lépéshez is újrahasználja (például különböző képméretekhez). + +## 2. lépés: Kép renderelési beállítások konfigurálása (kép szélesség‑magasság beállítása, formátum, minőség) + +Az `ImageRenderingOptions` lehetővé teszi a kimenet finomhangolását. Itt engedélyezzük az anti‑aliasing‑et, beállítunk egy félkövér Arial betűtípust, bekapcsoljuk a szöveg‑hinting‑et, és kifejezetten **beállítjuk a kép szélességét és magasságát** 800 × 600 px‑re. Az `ImageFormat` PNG‑re van állítva, ami veszteségmentes és széles körben támogatott. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Tipp:** Ha kihagyja a `Width` és `Height` beállításokat, az Aspose.HTML a HTML belső méretét használja, ami nagyon nagy vagy nagyon kicsi képet eredményezhet. Mindig adja meg a méreteket, ha kiszámítható eredményre van szüksége. + +## 3. lépés: A renderelő létrehozása a konfigurált beállításokkal + +Az `ImageRenderer` osztály végzi a tényleges konverziót. A most épített `renderingOptions` átadása biztosítja, hogy a renderelő tiszteletben tartsa a beállításait. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Miért fontos:* A renderelő elválasztása a beállításoktól lehetővé teszi, hogy ugyanazt a renderelőt különböző dokumentumokhoz használja, miközben egyetlen konfigurációt tart fenn. + +## 4. lépés: A HTML dokumentum renderelése PNG fájlba – „HTML mentése PNG‑ként” + +Most hívja meg a `Render` metódust, megadva a forrásdokumentumot és a célfájl útvonalát. A metódus blokkol, amíg a kép le nem íródik a lemezre. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +A hívás befejezésekor az `output.png` egy rasterizált pillanatképet tartalmaz az `input.html`‑ről. A fájlt bármely képnéző programmal megnyithatja, hogy ellenőrizze az eredményt. + +### Várható kimenet + +A teljes program futtatása egy PNG fájlt hoz létre a következő tulajdonságokkal: + +* **Méretek:** 800 × 600 px (a `Width`/`Height`‑ben beállítva). +* **Formátum:** PNG (veszteségmentes, támogatja az átlátszóságot). +* **Vizuális minőség:** Anti‑aliasing‑elt grafika és hintelt szöveg, amely megegyezik az eredeti HTML megjelenésével egy modern böngészőben. + +## Teljes, futtatható példa + +Az alábbiakban a teljes program látható, amelyet beilleszthet egy konzolalkalmazásba (`Program.cs`). Igazítsa a fájlútvonalakat a saját környezetéhez. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Futtassa a programot (`dotnet run` vagy nyomja meg a **F5**‑öt a Visual Studio‑ban). A futtatás után nyissa meg az `output.png`‑t – a renderelt oldal pontosan úgy fog kinézni, ahogy a HTML és a CSS definiálja. + +## Gyakori kérdések és szélhelyzetek + +| Kérdés | Válasz | +|----------|--------| +| **Mi van, ha a HTML külső képeket vagy CSS‑t hivatkozik?** | Az Aspose.HTML a HTML fájl helyétől kiindulva követi a relatív útvonalakat. Győződjön meg arról, hogy ezek az erőforrások elérhetők, vagy használjon abszolút URL‑t. | +| **Renderelhetek JPEG‑et PNG helyett?** | Igen. Állítsa be `ImageFormat = ImageFormat.Jpeg`‑et, és opcionálisan adja meg a `JpegQuality`‑t az `ImageRenderingOptions`‑ben. | +| **Hogyan renderelhetek több oldalt egyetlen HTML fájlból?** | Használja a `Document` oldalszámozási funkcióit (`document.Pages`), és hívja meg a `renderer.Render(page, ...)`‑t minden oldalra. | +| **Mi van, ha magasabb DPI‑ra van szükség nyomtatáshoz?** | Állítsa be a `renderingOptions.DpiX` és `renderingOptions.DpiY` értékeket (például 300) a renderelő létrehozása előtt. | +| **Szükséges-e az anti‑aliasing vektoros grafikáknál?** | Javítja a vonalak és görbék simaságát, de letiltható (`UseAntialiasing = false`) a nagy mennyiségű batch‑es renderelés gyorsításához. | + +## Teljesítmény tipp – a renderelő újrahasználata + +Ha sok HTML fájlt kell egy kötegben konvertálni, hozzon létre egyetlen `ImageRenderer` példányt, és használja újra: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +A renderelő újrahasználata elkerüli a belső erőforrások ismételt lefoglalását, csökkentve a CPU‑ és memória‑terhelést. + +## Következtetés + +Most már tudja, hogyan **hozzon létre képet HTML‑ből** az Aspose.HTML segítségével C#‑ban. A négy lépés – a dokumentum betöltése, a renderelési beállítások konfigurálása (beleértve a **kép szélesség‑magasság beállítását**), a renderelő létrehozása, és végül a **HTML képre renderelése** – segítségével megbízhatóan **konvertálhat HTML‑t PNG‑re** és **mentheti HTML‑t PNG‑ként** bélyegképek, e‑mail előnézetek vagy PDF‑generálási folyamatok számára. + +Ezután érdemes lehet: + +* **HTML‑t képre renderelni** különböző formátumokkal (JPEG, BMP, GIF). +* Vízjelek vagy átfedések hozzáadása a `Graphics` használatával a renderelés után. +* Ennek a konverziónak az integrálása egy ASP.NET Core API‑ba, hogy igény szerint generáljon képeket. + +Nyugodtan kísérletezzen a beállításokkal, és hagyja, hogy az Aspose.HTML rugalmassága végezze a nehéz munkát Ön helyett. Boldog kódolást! + +## Mit érdemes még megtanulni? + +Az alábbi oktatóanyagok szorosan kapcsolódó témákat fednek le, amelyek a jelen útmutatóban bemutatott technikákra épülnek. Minden forrás teljes, működő kódrészleteket tartalmaz lépésről‑lépésre magyarázatokkal, hogy segítsen elsajátítani további API‑funkciókat és alternatív megvalósítási megközelítéseket saját projektjeiben. + +- [Hogyan használjuk az Aspose-t HTML PNG‑re rendereléséhez – Lépésről‑lépésre útmutató](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML‑kép oktató – HTML renderelése PNG‑re C#‑ban](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [PNG létrehozása HTML‑ből Aspose.Html‑al – Lépésről‑lépésre útmutató](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/indonesian/net/generate-jpg-and-png-images/_index.md b/html/indonesian/net/generate-jpg-and-png-images/_index.md index b3cb9539f..8f23e518f 100644 --- a/html/indonesian/net/generate-jpg-and-png-images/_index.md +++ b/html/indonesian/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,9 @@ Pelajari cara membuat gambar dari HTML menggunakan C# dengan Aspose.HTML melalui Panduan lengkap langkah demi langkah untuk mengonversi file DOCX menjadi gambar PNG menggunakan C# dengan Aspose.HTML. ### [Render HTML ke PNG dalam C# – Panduan Langkah-demi-Langkah](./render-html-to-png-in-c-step-by-step-guide/) Pelajari cara merender HTML menjadi gambar PNG menggunakan C# dengan Aspose.HTML dalam panduan langkah demi langkah. +### [Cara Membuat Gambar dari HTML menggunakan Aspose.HTML di C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +Pelajari cara mengonversi HTML menjadi gambar menggunakan Aspose.HTML dengan C# dalam tutorial langkah demi langkah. + ## Kesimpulan Kesimpulannya, Aspose.HTML untuk .NET menyediakan solusi yang mudah digunakan dan canggih untuk menghasilkan gambar JPG dan PNG dari konten HTML. Baik Anda pengembang berpengalaman atau baru memulai, tutorial ini akan memandu Anda melalui prosesnya. Ciptakan gambar yang menarik secara visual yang menonjol dan tingkatkan proyek Anda dengan Aspose.HTML untuk .NET. diff --git a/html/indonesian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/indonesian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..8c3f66a60 --- /dev/null +++ b/html/indonesian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,227 @@ +--- +category: general +date: 2026-09-07 +description: Pelajari cara membuat gambar dari HTML dengan Aspose.HTML di C#. Panduan + langkah demi langkah ini juga menunjukkan cara merender HTML menjadi gambar dan + mengonversi HTML ke PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: id +lastmod: 2026-09-07 +og_description: Buat gambar dari HTML di C# dengan Aspose.HTML. Ikuti panduan ini + untuk merender HTML menjadi gambar, mengonversi HTML ke PNG, dan mengatur lebar + serta tinggi gambar untuk hasil yang sempurna. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Buat gambar dari HTML di C# – panduan lengkap Aspose.HTML +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Cara membuat gambar dari HTML menggunakan Aspose.HTML di C# +url: /id/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Cara membuat gambar dari HTML menggunakan Aspose.HTML di C# + +Jika Anda perlu **membuat gambar dari HTML** dalam aplikasi .NET, panduan ini menunjukkan langkah‑langkah tepat dengan Aspose.HTML. Anda akan belajar cara **merender HTML ke gambar**, memilih PNG sebagai format output, dan mengontrol dimensi output sehingga gambar terlihat persis seperti yang Anda harapkan. + +Tutorial ini mencakup semua yang Anda perlukan: paket NuGet yang diperlukan, contoh kode lengkap, penjelasan setiap opsi, dan tip untuk menghindari jebakan umum. Pada akhir tutorial Anda akan dapat **mengonversi HTML ke PNG**, **menyimpan HTML sebagai PNG**, dan **mengatur lebar tinggi gambar** secara programatis. + +## Prasyarat + +* .NET 6.0 atau yang lebih baru terpasang (kode ini juga bekerja dengan .NET 5 dan .NET Framework 4.7+). +* Visual Studio 2022 (atau IDE apa pun yang mendukung C#). +* Lisensi Aspose.HTML untuk .NET atau kunci evaluasi gratis. Instal paket melalui NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* File HTML (`input.html`) yang ingin Anda ubah menjadi gambar. Letakkan di folder yang dapat Anda referensikan dari proyek Anda. + +## Langkah 1: Muat dokumen HTML yang ingin Anda render + +Operasi pertama adalah membuat instance `HTMLDocument` yang menunjuk ke file sumber Anda. Aspose.HTML secara otomatis membaca markup, CSS, dan sumber daya eksternal (gambar, font). + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Mengapa ini penting:* Memuat dokumen memisahkan proses parsing dari rendering, memungkinkan Anda menggunakan kembali objek `HTMLDocument` yang sama untuk beberapa proses render (mis., ukuran gambar yang berbeda). + +## Langkah 2: Konfigurasikan opsi rendering gambar (atur lebar tinggi gambar, format, kualitas) + +`ImageRenderingOptions` memungkinkan Anda menyesuaikan output secara detail. Di sini kami mengaktifkan anti‑aliasing, menetapkan font Arial tebal, mengaktifkan text hinting, dan secara eksplisit **mengatur lebar tinggi gambar** menjadi 800 × 600 px. `ImageFormat` diatur ke PNG, yang lossless dan didukung luas. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Tip:** Jika Anda mengabaikan `Width` dan `Height`, Aspose.HTML akan menggunakan ukuran intrinsik HTML, yang dapat menghasilkan gambar sangat besar atau sangat kecil. Selalu tentukan dimensi ketika Anda memerlukan hasil yang dapat diprediksi. + +## Langkah 3: Buat renderer dengan opsi yang telah dikonfigurasi + +Kelas `ImageRenderer` melakukan konversi sebenarnya. Mengirimkan `renderingOptions` yang baru saja Anda buat memastikan renderer menghormati pengaturan Anda. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Mengapa ini penting:* Memisahkan renderer dari opsi memungkinkan Anda menggunakan kembali renderer yang sama untuk dokumen berbeda sambil mempertahankan satu konfigurasi. + +## Langkah 4: Render dokumen HTML ke file PNG – “simpan HTML sebagai PNG” + +Sekarang panggil `Render`, dengan menyediakan dokumen sumber dan jalur file target. Metode ini akan menunggu hingga gambar ditulis ke disk. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Setelah pemanggilan selesai, `output.png` berisi snapshot raster dari `input.html`. Anda dapat membuka file tersebut dengan penampil gambar apa pun untuk memverifikasi hasilnya. + +### Output yang diharapkan + +Menjalankan program lengkap menghasilkan file PNG dengan properti berikut: + +* **Dimensi:** 800 × 600 px (seperti yang diatur pada `Width`/`Height`). +* **Format:** PNG (lossless, mendukung transparansi). +* **Kualitas visual:** Grafik anti‑aliased dan teks yang di‑hint, mencocokkan tampilan HTML asli di browser modern. + +## Contoh lengkap yang dapat dijalankan + +Berikut adalah seluruh program yang dapat Anda salin ke aplikasi konsol (`Program.cs`). Sesuaikan jalur file agar cocok dengan lingkungan Anda. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Jalankan program (`dotnet run` atau tekan **F5** di Visual Studio). Setelah eksekusi, buka `output.png` – Anda akan melihat halaman yang dirender persis seperti yang didefinisikan oleh HTML dan CSS. + +## Pertanyaan umum dan kasus tepi + +| Question | Answer | +|----------|--------| +| **Bagaimana jika HTML saya merujuk ke gambar atau CSS eksternal?** | Aspose.HTML mengikuti jalur relatif dari lokasi file HTML. Pastikan sumber daya tersebut dapat diakses, atau gunakan URL absolut. | +| **Bisakah saya merender ke JPEG alih-alih PNG?** | Ya. Ubah `ImageFormat = ImageFormat.Jpeg` dan opsional atur `JpegQuality` di `ImageRenderingOptions`. | +| **Bagaimana cara merender beberapa halaman dari satu file HTML?** | Gunakan fitur paginasi `Document` (`document.Pages`) dan panggil `renderer.Render(page, ...)` untuk setiap halaman. | +| **Bagaimana jika saya membutuhkan DPI lebih tinggi untuk pencetakan?** | Atur `renderingOptions.DpiX` dan `renderingOptions.DpiY` (mis., 300) sebelum membuat renderer. | +| **Apakah anti‑aliasing diperlukan untuk grafik vektor?** | Ini meningkatkan kelancaran garis dan kurva, tetapi Anda dapat menonaktifkannya (`UseAntialiasing = false`) untuk rendering lebih cepat pada batch besar. | + +## Tip kinerja – gunakan kembali renderer + +Jika Anda perlu mengonversi banyak file HTML secara batch, buat satu instance `ImageRenderer` dan gunakan kembali: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Menggunakan kembali renderer menghindari alokasi berulang sumber daya internal, mengurangi beban CPU dan memori. + +## Kesimpulan + +Anda kini tahu cara **membuat gambar dari HTML** dengan Aspose.HTML di C#. Dengan mengikuti empat langkah—memuat dokumen, mengonfigurasi opsi rendering (termasuk **mengatur lebar tinggi gambar**), membuat renderer, dan akhirnya **merender HTML ke gambar**—Anda dapat dengan andal **mengonversi HTML ke PNG** dan **menyimpan HTML sebagai PNG** untuk thumbnail, pratinjau email, atau pipeline pembuatan PDF. + +Selanjutnya, Anda mungkin ingin menjelajahi: + +* **render html ke gambar** dengan format berbeda (JPEG, BMP, GIF). +* Menambahkan watermark atau overlay menggunakan `Graphics` setelah rendering. +* Mengintegrasikan konversi ini ke dalam API ASP.NET Core untuk pembuatan gambar sesuai permintaan. + +Silakan bereksperimen dengan opsi-opsi tersebut, dan biarkan fleksibilitas Aspose.HTML menangani pekerjaan berat untuk Anda. Selamat coding! + +## Apa yang Harus Anda Pelajari Selanjutnya? + +Tutorial berikut mencakup topik yang sangat terkait yang membangun teknik yang ditunjukkan dalam panduan ini. Setiap sumber daya menyertakan contoh kode lengkap yang berfungsi dengan penjelasan langkah demi langkah untuk membantu Anda menguasai fitur API tambahan dan menjelajahi pendekatan implementasi alternatif dalam proyek Anda. + +- [Cara Menggunakan Aspose untuk Merender HTML ke PNG – Panduan Langkah‑per‑Langkah](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [Tutorial HTML ke Gambar – Render HTML ke PNG di C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Buat PNG dari HTML dengan Aspose.Html – Panduan Langkah‑per‑Langkah](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/italian/net/generate-jpg-and-png-images/_index.md b/html/italian/net/generate-jpg-and-png-images/_index.md index cbfe9e2af..1f8aba35e 100644 --- a/html/italian/net/generate-jpg-and-png-images/_index.md +++ b/html/italian/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,9 @@ Scopri come generare un'immagine da un documento HTML usando C# e Aspose.HTML, c Impara a convertire documenti DOCX in PNG usando C# con Aspose.HTML, seguendo una guida dettagliata passo dopo passo. ### [Renderizza HTML in PNG in C# – Guida passo‑passo](./render-html-to-png-in-c-step-by-step-guide/) Impara a convertire HTML in immagini PNG usando C# con Aspose.HTML, passo dopo passo, includendo requisiti e impostazioni di rendering. +### [Come creare un'immagine da HTML usando Aspose.HTML in C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +Scopri come generare un'immagine da HTML con Aspose.HTML in C# passo dopo passo. + ## Conclusione In conclusione, Aspose.HTML per .NET fornisce una soluzione user-friendly e potente per generare immagini JPG e PNG da contenuti HTML. Che tu sia uno sviluppatore esperto o alle prime armi, questi tutorial ti guideranno attraverso il processo. Crea immagini visivamente accattivanti che si distinguono e valorizzano i tuoi progetti con Aspose.HTML per .NET. diff --git a/html/italian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/italian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..78d59e71c --- /dev/null +++ b/html/italian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,227 @@ +--- +category: general +date: 2026-09-07 +description: Impara come creare un'immagine da HTML con Aspose.HTML in C#. Questa + guida passo‑passo mostra anche come renderizzare HTML in immagine e convertire HTML + in PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: it +lastmod: 2026-09-07 +og_description: Crea un'immagine da HTML in C# con Aspose.HTML. Segui questa guida + per rendere l'HTML in immagine, convertire l'HTML in PNG e impostare larghezza e + altezza dell'immagine per risultati perfetti. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Crea immagine da HTML in C# – guida completa ad Aspose.HTML +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Come creare un'immagine da HTML usando Aspose.HTML in C# +url: /it/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Come creare un'immagine da HTML usando Aspose.HTML in C# + +Se hai bisogno di **creare un'immagine da HTML** in un'applicazione .NET, questa guida ti mostra i passaggi esatti con Aspose.HTML. Imparerai come **renderizzare HTML in immagine**, scegliere PNG come formato di output e controllare le dimensioni dell'output in modo che l'immagine abbia esattamente l'aspetto desiderato. + +Il tutorial copre tutto ciò di cui hai bisogno: i pacchetti NuGet richiesti, un esempio di codice completo, spiegazioni di ogni opzione e consigli per le difficoltà comuni. Alla fine sarai in grado di **convertire HTML in PNG**, **salvare HTML come PNG** e **impostare larghezza e altezza dell'immagine** programmaticamente. + +## Prerequisiti + +* .NET 6.0 o versioni successive installate (il codice funziona anche con .NET 5 e .NET Framework 4.7+). +* Visual Studio 2022 (o qualsiasi IDE che supporti C#). +* Una licenza Aspose.HTML per .NET o una chiave di valutazione gratuita. Installa il pacchetto tramite NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* Un file HTML (`input.html`) che desideri trasformare in un'immagine. Posizionalo in una cartella a cui il tuo progetto può fare riferimento. + +## Passo 1: Carica il documento HTML che vuoi renderizzare + +La prima operazione è creare un'istanza di `HTMLDocument` che punti al tuo file sorgente. Aspose.HTML legge automaticamente il markup, il CSS e le risorse esterne (immagini, font). + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Perché è importante:* Caricare il documento separa l'analisi dal rendering, consentendoti di riutilizzare lo stesso oggetto `HTMLDocument` per più passaggi di rendering (ad esempio, dimensioni diverse dell'immagine). + +## Passo 2: Configura le opzioni di rendering dell'immagine (imposta larghezza e altezza, formato, qualità) + +`ImageRenderingOptions` ti consente di perfezionare l'output. Qui abilitiamo l'anti‑aliasing, impostiamo un font Arial grassetto, attiviamo il hinting del testo e impostiamo esplicitamente **larghezza e altezza dell'immagine** a 800 × 600 px. `ImageFormat` è impostato su PNG, che è lossless e ampiamente supportato. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Suggerimento:** Se ometti `Width` e `Height`, Aspose.HTML utilizza la dimensione intrinseca dell'HTML, il che può produrre un'immagine molto grande o molto piccola. Definisci sempre le dimensioni quando hai bisogno di risultati prevedibili. + +## Passo 3: Crea il renderer con le opzioni configurate + +La classe `ImageRenderer` esegue la conversione effettiva. Passare le `renderingOptions` appena create garantisce che il renderer rispetti le tue impostazioni. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Perché è importante:* Separare il renderer dalle opzioni ti consente di riutilizzare lo stesso renderer per documenti diversi mantenendo una singola configurazione. + +## Passo 4: Renderizza il documento HTML in un file PNG – “salva HTML come PNG” + +Ora chiama `Render`, fornendo il documento sorgente e il percorso del file di destinazione. Il metodo blocca l'esecuzione finché l'immagine non viene scritta su disco. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Quando la chiamata termina, `output.png` contiene uno snapshot rasterizzato di `input.html`. Puoi aprire il file con qualsiasi visualizzatore di immagini per verificare il risultato. + +### Output previsto + +Eseguendo il programma completo si ottiene un file PNG con le seguenti proprietà: + +* **Dimensioni:** 800 × 600 px (come impostato in `Width`/`Height`). +* **Formato:** PNG (lossless, supporta la trasparenza). +* **Qualità visiva:** Grafica anti‑alias e testo con hinting, corrispondente all'aspetto dell'HTML originale in un browser moderno. + +## Esempio completo, eseguibile + +Di seguito trovi l'intero programma che puoi copiare in un'applicazione console (`Program.cs`). Regola i percorsi dei file per adattarli al tuo ambiente. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Esegui il programma (`dotnet run` o premi **F5** in Visual Studio). Dopo l'esecuzione, apri `output.png` – vedrai la pagina renderizzata esattamente come definita dall'HTML e dal CSS. + +## Domande comuni e casi particolari + +| Domanda | Risposta | +|----------|--------| +| **E se il mio HTML fa riferimento a immagini o CSS esterni?** | Aspose.HTML segue i percorsi relativi dalla posizione del file HTML. Assicurati che tali risorse siano raggiungibili, oppure usa un URL assoluto. | +| **Posso renderizzare in JPEG invece di PNG?** | Sì. Cambia `ImageFormat = ImageFormat.Jpeg` e opzionalmente imposta `JpegQuality` in `ImageRenderingOptions`. | +| **Come posso renderizzare più pagine da un unico file HTML?** | Usa le funzionalità di paginazione di `Document` (`document.Pages`) e chiama `renderer.Render(page, ...)` per ogni pagina. | +| **E se ho bisogno di un DPI più alto per la stampa?** | Imposta `renderingOptions.DpiX` e `renderingOptions.DpiY` (ad esempio, 300) prima di creare il renderer. | +| **L'anti‑aliasing è necessario per la grafica vettoriale?** | Migliora la fluidità di linee e curve, ma puoi disabilitarlo (`UseAntialiasing = false`) per un rendering più veloce su grandi batch. | + +## Suggerimento sulle prestazioni – riutilizza il renderer + +Se devi convertire molti file HTML in batch, crea una singola istanza di `ImageRenderer` e riutilizzala: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Riutilizzare il renderer evita l'allocazione ripetuta di risorse interne, riducendo l'overhead di CPU e memoria. + +## Conclusione + +Ora sai come **creare un'immagine da HTML** con Aspose.HTML in C#. Seguendo i quattro passaggi—caricamento del documento, configurazione delle opzioni di rendering (incluso **impostare larghezza e altezza dell'immagine**), creazione del renderer e infine **renderizzare HTML in immagine**—puoi affidabilmente **convertire HTML in PNG** e **salvare HTML come PNG** per miniature, anteprime email o pipeline di generazione PDF. + +Successivamente, potresti esplorare: + +* **render html to image** con diversi formati (JPEG, BMP, GIF). +* Aggiungere filigrane o sovrapposizioni usando `Graphics` dopo il rendering. +* Integrare questa conversione in un'API ASP.NET Core per la generazione di immagini on‑demand. + +Sentiti libero di sperimentare con le opzioni e lascia che la flessibilità di Aspose.HTML si occupi del lavoro pesante per te. Buon coding! + +## Cosa dovresti imparare dopo? + +I seguenti tutorial coprono argomenti strettamente correlati che si basano sulle tecniche dimostrate in questa guida. Ogni risorsa include esempi di codice completi e funzionanti con spiegazioni passo‑passo per aiutarti a padroneggiare funzionalità aggiuntive dell'API ed esplorare approcci di implementazione alternativi nei tuoi progetti. + +- [Come usare Aspose per renderizzare HTML in PNG – Guida passo‑passo](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [Tutorial HTML a Immagine – Renderizza HTML in PNG in C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Crea PNG da HTML con Aspose.Html – Guida passo‑passo](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/japanese/net/generate-jpg-and-png-images/_index.md b/html/japanese/net/generate-jpg-and-png-images/_index.md index 75cb48f5b..05a308fb5 100644 --- a/html/japanese/net/generate-jpg-and-png-images/_index.md +++ b/html/japanese/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,9 @@ Aspose.HTML for .NET を活用し、HTML を PNG 画像に変換する手順を C# で Aspose.HTML を利用し、HTML から画像を生成する手順をステップバイステップで解説します。 ### [C# で HTML を PNG にレンダリングする – ステップバイステップ ガイド](./render-html-to-png-in-c-step-by-step-guide/) Aspose.HTML for .NET を使用して C# で HTML を PNG に変換する手順をステップバイステップで解説します。 +### [C# で Aspose.HTML を使用して HTML から画像を作成する方法](./how-to-create-image-from-html-using-aspose-html-in-c/) +C# で Aspose.HTML を使用し、HTML から画像を生成する手順を解説します。 + ## 結論 結論として、Aspose.HTML for .NET は、HTML コンテンツから JPG および PNG 画像を生成するための、ユーザーフレンドリーで強力なソリューションを提供します。熟練した開発者でも、初心者でも、これらのチュートリアルはプロセスをガイドします。Aspose.HTML for .NET を使用して、目を引く魅力的な画像を作成し、プロジェクトを向上させましょう。 diff --git a/html/japanese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/japanese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..d2a04f5f2 --- /dev/null +++ b/html/japanese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,226 @@ +--- +category: general +date: 2026-09-07 +description: C#でAspose.HTMLを使用してHTMLから画像を作成する方法を学びましょう。このステップバイステップガイドでは、HTMLを画像にレンダリングする方法とHTMLをPNGに変換する方法も示しています。 +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: ja +lastmod: 2026-09-07 +og_description: C# と Aspose.HTML を使用して HTML から画像を作成します。このガイドに従って HTML を画像にレンダリングし、HTML + を PNG に変換し、完璧な結果のために画像の幅と高さを設定しましょう。 +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: C#でHTMLから画像を作成する – 完全なAspose.HTMLガイド +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: C#でAspose.HTMLを使用してHTMLから画像を作成する方法 +url: /ja/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# C# で Aspose.HTML を使用して HTML から画像を作成する方法 + +.NET アプリケーションで **HTML から画像を作成** したい場合、本ガイドでは Aspose.HTML を使った正確な手順を示します。**HTML を画像にレンダリング** し、出力形式として PNG を選択し、画像のサイズを制御して期待通りの結果を得る方法を学びます。 + +このチュートリアルでは、必要な NuGet パッケージ、完全なコード例、各オプションの説明、一般的な落とし穴への対策をすべて網羅しています。最後まで読めば、**HTML を PNG に変換**、**HTML を PNG として保存**、そして **プログラムから画像の幅と高さを設定** できるようになります。 + +## 前提条件 + +開始する前に、以下がインストールされていることを確認してください。 + +* .NET 6.0 以降（コードは .NET 5 および .NET Framework 4.7+ でも動作します）。 +* Visual Studio 2022（または C# をサポートする任意の IDE）。 +* Aspose.HTML for .NET のライセンスまたは無料評価キー。NuGet でパッケージをインストールします。 + +```bash +dotnet add package Aspose.HTML +``` + +* 画像に変換したい HTML ファイル（`input.html`）。プロジェクトから参照できるフォルダーに配置してください。 + +## 手順 1: レンダリングしたい HTML ドキュメントを読み込む + +最初の操作は、ソースファイルを指す `HTMLDocument` インスタンスを作成することです。Aspose.HTML はマークアップ、CSS、外部リソース（画像、フォント）を自動的に読み込みます。 + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*なぜ重要か:* ドキュメントの読み込みは解析とレンダリングを分離し、同じ `HTMLDocument` オブジェクトを複数のレンダリング（例: 異なる画像サイズ）に再利用できます。 + +## 手順 2: 画像レンダリングオプションを設定する（画像の幅と高さ、形式、品質を設定） + +`ImageRenderingOptions` で出力を細かく調整できます。ここではアンチエイリアシングを有効にし、太字の Arial フォントを設定し、テキストヒンティングをオンにし、**画像の幅と高さ** を 800 × 600 px に明示的に **設定** しています。`ImageFormat` は PNG に設定されており、ロスレスで広くサポートされています。 + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**ヒント:** `Width` と `Height` を省略すると、Aspose.HTML は HTML の固有サイズを使用します。その結果、非常に大きいまたは小さい画像になる可能性があります。予測可能な結果が必要な場合は必ずサイズを指定してください。 + +## 手順 3: 設定したオプションでレンダラを作成する + +`ImageRenderer` クラスが実際の変換を行います。先ほど作成した `renderingOptions` を渡すことで、レンダラが設定を尊重します。 + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*なぜ重要か:* レンダラとオプションを分離することで、同じレンダラを異なるドキュメントで再利用しつつ、設定は一元管理できます。 + +## 手順 4: HTML ドキュメントを PNG ファイルにレンダリング – 「HTML を PNG として保存」 + +`Render` を呼び出し、ソースドキュメントと出力ファイルパスを指定します。このメソッドは画像がディスクに書き込まれるまでブロックします。 + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +呼び出しが完了すると、`output.png` に `input.html` のラスタライズされたスナップショットが保存されます。任意の画像ビューアで開き、結果を確認できます。 + +### 期待される出力 + +プログラムを実行すると、以下の特性を持つ PNG ファイルが生成されます。 + +* **サイズ:** `Width`/`Height` で設定した 800 × 600 px。 +* **形式:** PNG（ロスレス、透過サポート）。 +* **ビジュアル品質:** アンチエイリアスされたグラフィックとヒンティングされたテキストで、モダンブラウザでの元 HTML の外観と一致します。 + +## 完全な実行可能サンプル + +以下はコンソール アプリケーション（`Program.cs`）にそのまま貼り付けられる全コードです。環境に合わせてファイルパスを調整してください。 + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +プログラムを実行（`dotnet run` または Visual Studio で **F5**）し、実行後に `output.png` を開くと、HTML と CSS で定義した通りのページが正確にレンダリングされていることが確認できます。 + +## よくある質問とエッジケース + +| 質問 | 回答 | +|----------|--------| +| **HTML が外部画像や CSS を参照している場合はどうすればよいですか？** | Aspose.HTML は HTML ファイルの場所から相対パスをたどります。リソースが参照可能であることを確認するか、絶対 URL を使用してください。 | +| **PNG ではなく JPEG でレンダリングしたい場合は？** | `ImageFormat = ImageFormat.Jpeg` に変更し、必要に応じて `ImageRenderingOptions` の `JpegQuality` を設定してください。 | +| **1 つの HTML ファイルから複数ページをレンダリングするには？** | `Document` のページネーション機能（`document.Pages`）を使用し、各ページに対して `renderer.Render(page, …)` を呼び出します。 | +| **印刷用に高 DPI が必要な場合は？** | レンダラ作成前に `renderingOptions.DpiX` と `renderingOptions.DpiY`（例: 300）を設定してください。 | +| **ベクターグラフィックにアンチエイリアシングは必須ですか？** | ラインや曲線の滑らかさは向上しますが、バッチ処理で高速化したい場合は `UseAntialiasing = false` で無効化できます。 | + +## パフォーマンスのヒント – レンダラを再利用する + +多数の HTML ファイルをバッチ変換する場合、単一の `ImageRenderer` インスタンスを作成して再利用します。 + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +レンダラを再利用することで内部リソースの再割り当てが減り、CPU とメモリのオーバーヘッドが削減されます。 + +## 結論 + +これで Aspose.HTML を使って C# で **HTML から画像を作成** する方法が分かりました。ドキュメントの読み込み、レンダリングオプションの設定（**画像の幅と高さを設定** 含む）、レンダラの作成、そして最終的な **HTML を画像にレンダリング** の 4 ステップに従うことで、**HTML を PNG に変換** し、サムネイル、メールプレビュー、PDF 生成パイプラインなどに **HTML を PNG として保存** できるようになります。 + +次に試してみると良いでしょう： + +* **render html to image** を他の形式（JPEG、BMP、GIF）で実行する。 +* レンダリング後に `Graphics` を使って透かしやオーバーレイを追加する。 +* ASP.NET Core API に組み込んでオンデマンド画像生成を実装する。 + +オプションを自由に試し、Aspose.HTML の柔軟性に任せて重い処理を任せましょう。コーディングを楽しんでください！ + +## 次に学ぶべきこと + +以下のチュートリアルは、本ガイドで示した手法を基にした関連トピックを扱っています。各リソースには完全なコード例とステップバイステップの解説が含まれており、API の追加機能を習得したり、代替実装アプローチを自分のプロジェクトに取り入れたりするのに役立ちます。 + +- [Aspose を使用して HTML を PNG にレンダリングする方法 – ステップバイステップガイド](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML から画像へのチュートリアル – C# で HTML を PNG にレンダリング](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Aspose.Html で HTML から PNG を作成する – ステップバイステップガイド](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/korean/net/generate-jpg-and-png-images/_index.md b/html/korean/net/generate-jpg-and-png-images/_index.md index 64de742f1..15875ded6 100644 --- a/html/korean/net/generate-jpg-and-png-images/_index.md +++ b/html/korean/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,8 @@ Aspose.HTML을 활용해 HTML을 PNG 이미지로 변환하는 과정을 단계 C#와 Aspose.HTML을 활용해 HTML을 이미지로 변환하는 방법을 단계별로 안내합니다. ### [C#에서 HTML을 PNG로 렌더링 – 단계별 가이드](./render-html-to-png-in-c-step-by-step-guide/) C#을 사용해 HTML을 PNG 이미지로 변환하는 방법을 단계별로 안내합니다. +### [C#에서 Aspose.HTML을 사용해 HTML에서 이미지 만들기](./how-to-create-image-from-html-using-aspose-html-in-c/) +Aspose.HTML을 활용해 C#에서 HTML을 이미지로 변환하는 방법을 단계별로 안내합니다. ## 결론 결론적으로, Aspose.HTML for .NET은 HTML 콘텐츠에서 JPG 및 PNG 이미지를 생성하기 위한 사용자 친화적이고 강력한 솔루션을 제공합니다. 숙련된 개발자이든 방금 시작한 개발자이든, 이 튜토리얼은 프로세스를 안내해 줄 것입니다. Aspose.HTML for .NET으로 눈에 띄고 프로젝트를 격상시키는 시각적으로 매력적인 이미지를 만드세요. diff --git a/html/korean/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/korean/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..48eb33b0c --- /dev/null +++ b/html/korean/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,225 @@ +--- +category: general +date: 2026-09-07 +description: C#에서 Aspose.HTML을 사용하여 HTML에서 이미지를 만드는 방법을 배워보세요. 이 단계별 가이드는 HTML을 이미지로 + 렌더링하고 HTML을 PNG로 변환하는 방법도 보여줍니다. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: ko +lastmod: 2026-09-07 +og_description: C#에서 Aspose.HTML을 사용해 HTML을 이미지로 만들기. 이 가이드를 따라 HTML을 이미지로 렌더링하고, + HTML을 PNG로 변환하며, 완벽한 결과를 위해 이미지의 너비와 높이를 설정하세요. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: C#에서 HTML을 이미지로 변환하기 – 전체 Aspose.HTML 가이드 +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: C#에서 Aspose.HTML을 사용해 HTML을 이미지로 만드는 방법 +url: /ko/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Aspose.HTML을 사용하여 C#에서 HTML에서 이미지를 만드는 방법 + +.NET 애플리케이션에서 **HTML에서 이미지 만들기**가 필요하다면, 이 가이드는 Aspose.HTML을 사용한 정확한 단계들을 보여줍니다. **HTML을 이미지로 렌더링**하는 방법, 출력 형식으로 PNG를 선택하는 방법, 그리고 이미지가 기대한 대로 보이도록 출력 크기를 제어하는 방법을 배울 수 있습니다. + +이 튜토리얼은 필요한 모든 내용을 다룹니다: 필수 NuGet 패키지, 완전한 코드 예제, 각 옵션에 대한 설명, 일반적인 함정에 대한 팁. 끝까지 진행하면 **HTML을 PNG로 변환**, **HTML을 PNG로 저장**, 그리고 프로그래밍 방식으로 **이미지 너비와 높이 설정**을 할 수 있게 됩니다. + +## 사전 요구 사항 + +* .NET 6.0 이상이 설치되어 있어야 합니다 (코드는 .NET 5 및 .NET Framework 4.7+에서도 작동합니다). +* Visual Studio 2022 (또는 C#를 지원하는 any IDE). +* Aspose.HTML for .NET 라이선스 또는 무료 평가 키가 필요합니다. NuGet을 통해 패키지를 설치하세요: + +```bash +dotnet add package Aspose.HTML +``` + +* 이미지로 변환하려는 HTML 파일(`input.html`)이 필요합니다. 프로젝트에서 참조할 수 있는 폴더에 배치하세요. + +## 단계 1: 렌더링할 HTML 문서 로드 + +첫 번째 작업은 소스 파일을 가리키는 `HTMLDocument` 인스턴스를 만드는 것입니다. Aspose.HTML은 마크업, CSS 및 외부 리소스(이미지, 폰트)를 자동으로 읽어들입니다. + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*왜 중요한가:* 문서를 로드하면 파싱과 렌더링이 분리되어 동일한 `HTMLDocument` 객체를 여러 번 렌더링(예: 다른 이미지 크기)할 때 재사용할 수 있습니다. + +## 단계 2: 이미지 렌더링 옵션 구성 (이미지 너비와 높이 설정, 형식, 품질) + +`ImageRenderingOptions`를 사용하면 출력 결과를 세밀하게 조정할 수 있습니다. 여기서는 안티앨리어싱을 활성화하고, 굵은 Arial 폰트를 지정하며, 텍스트 힌팅을 켜고, **이미지 너비와 높이**를 800 × 600 px로 명시적으로 설정합니다. `ImageFormat`은 손실이 없고 널리 지원되는 PNG로 설정됩니다. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**팁:** `Width`와 `Height`를 생략하면 Aspose.HTML은 HTML의 고유 크기를 사용하게 되며, 이 경우 매우 크거나 작은 이미지가 생성될 수 있습니다. 예측 가능한 결과가 필요할 때는 항상 차원을 정의하세요. + +## 단계 3: 구성된 옵션으로 렌더러 생성 + +`ImageRenderer` 클래스가 실제 변환을 수행합니다. 방금 만든 `renderingOptions`를 전달하면 렌더러가 설정을 그대로 적용합니다. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*왜 중요한가:* 렌더러와 옵션을 분리하면 단일 구성을 유지하면서도 서로 다른 문서에 동일한 렌더러를 재사용할 수 있습니다. + +## 단계 4: HTML 문서를 PNG 파일로 렌더링 – “HTML을 PNG로 저장” + +이제 `Render`를 호출하고 소스 문서와 대상 파일 경로를 지정합니다. 이 메서드는 이미지가 디스크에 기록될 때까지 차단됩니다. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +호출이 완료되면 `output.png`에 `input.html`의 래스터화된 스냅샷이 저장됩니다. 이미지 뷰어로 파일을 열어 결과를 확인할 수 있습니다. + +### 예상 출력 + +전체 프로그램을 실행하면 다음과 같은 속성을 가진 PNG 파일이 생성됩니다: + +* **Dimensions:** 800 × 600 px (`Width`/`Height`에 설정된 대로). +* **Format:** PNG (손실 없음, 투명도 지원). +* **Visual quality:** 안티앨리어싱된 그래픽과 힌팅된 텍스트로, 최신 브라우저에서 원본 HTML과 동일한 외관을 제공합니다. + +## 전체 실행 가능한 예제 + +아래는 콘솔 애플리케이션(`Program.cs`)에 복사해 넣을 수 있는 전체 프로그램입니다. 환경에 맞게 파일 경로를 조정하세요. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +프로그램을 실행하세요(`dotnet run` 또는 Visual Studio에서 **F5**). 실행 후 `output.png`를 열면 HTML과 CSS에 정의된 대로 정확히 렌더링된 페이지를 확인할 수 있습니다. + +## 일반적인 질문 및 엣지 케이스 + +| Question | Answer | +|----------|--------| +| **내 HTML이 외부 이미지나 CSS를 참조하는 경우는 어떻게 하나요?** | Aspose.HTML은 HTML 파일 위치를 기준으로 상대 경로를 따릅니다. 해당 리소스에 접근 가능하도록 하거나 절대 URL을 사용하세요. | +| **PNG 대신 JPEG로 렌더링할 수 있나요?** | 예. `ImageFormat = ImageFormat.Jpeg`로 변경하고, 필요하면 `ImageRenderingOptions`에서 `JpegQuality`를 설정하세요. | +| **단일 HTML 파일에서 여러 페이지를 렌더링하려면?** | `Document`의 페이지 매김 기능(`document.Pages`)을 사용하고 각 페이지마다 `renderer.Render(page, ...)`를 호출하세요. | +| **인쇄용으로 더 높은 DPI가 필요하면?** | 렌더러를 만들기 전에 `renderingOptions.DpiX`와 `renderingOptions.DpiY`를 (예: 300) 설정하세요. | +| **벡터 그래픽에 안티앨리어싱이 필요합니까?** | 선과 곡선의 부드러움을 개선하지만, 대량 배치에서 빠른 렌더링을 위해 (`UseAntialiasing = false`) 비활성화할 수 있습니다. | + +## 성능 팁 – 렌더러 재사용 + +배치로 많은 HTML 파일을 변환해야 한다면, 단일 `ImageRenderer` 인스턴스를 생성하고 재사용하세요: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +렌더러를 재사용하면 내부 리소스 할당을 반복하지 않아 CPU와 메모리 오버헤드를 줄일 수 있습니다. + +## 결론 + +이제 C#에서 Aspose.HTML을 사용하여 **HTML에서 이미지 만들기** 방법을 알게 되었습니다. 문서 로드, 렌더링 옵션 구성(**이미지 너비와 높이 설정** 포함), 렌더러 생성, 마지막으로 **HTML을 이미지로 렌더링**이라는 네 단계를 따라 하면 썸네일, 이메일 미리보기, PDF 생성 파이프라인 등에 사용할 **HTML을 PNG로 변환**하고 **HTML을 PNG로 저장**할 수 있습니다. + +다음에 시도해 볼 수 있는 내용: + +* **render html to image**를 다양한 형식(JPEG, BMP, GIF)으로 시도해 보기. +* 렌더링 후 `Graphics`를 사용해 워터마크나 오버레이 추가. +* 이 변환을 ASP.NET Core API에 통합하여 필요 시 이미지 생성. + +옵션을 자유롭게 실험해 보고, Aspose.HTML의 유연성이 무거운 작업을 대신해 주도록 하세요. 즐거운 코딩 되세요! + +## 다음에 배워야 할 내용은? + +다음 튜토리얼들은 이 가이드에서 시연한 기술을 기반으로 하는 밀접한 관련 주제를 다룹니다. 각 리소스는 단계별 설명과 함께 완전한 코드 예제를 제공하여 추가 API 기능을 마스터하고 프로젝트에서 대체 구현 방식을 탐색할 수 있도록 돕습니다. + +- [Aspose를 사용하여 HTML을 PNG로 렌더링하는 방법 – 단계별 가이드](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML to Image 튜토리얼 – C#에서 HTML을 PNG로 렌더링](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Aspose.Html로 HTML에서 PNG 만들기 – 단계별 가이드](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/polish/net/generate-jpg-and-png-images/_index.md b/html/polish/net/generate-jpg-and-png-images/_index.md index 586f51c39..4b9988fe3 100644 --- a/html/polish/net/generate-jpg-and-png-images/_index.md +++ b/html/polish/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,9 @@ Dowiedz się, jak przekształcić HTML w plik PNG przy użyciu Aspose.HTML, krok Dowiedz się, jak w C# przekształcić kod HTML w obraz, krok po kroku, z przykładami i wskazówkami. ### [Renderuj HTML do PNG w C# – przewodnik krok po kroku](./render-html-to-png-in-c-step-by-step-guide/) Naucz się renderować HTML do formatu PNG w C# przy użyciu Aspose.HTML, krok po kroku. +### [Jak utworzyć obraz z HTML przy użyciu Aspose.HTML w C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +Dowiedz się, jak przy użyciu Aspose.HTML w C# przekształcić kod HTML w obraz. + ## Wniosek Podsumowując, Aspose.HTML dla .NET zapewnia przyjazne użytkownikowi i wydajne rozwiązanie do generowania obrazów JPG i PNG z treści HTML. Niezależnie od tego, czy jesteś doświadczonym programistą, czy dopiero zaczynasz, te samouczki poprowadzą Cię przez ten proces. Twórz wizualnie atrakcyjne obrazy, które się wyróżniają i podnoszą poziom Twoich projektów dzięki Aspose.HTML dla .NET. diff --git a/html/polish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/polish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..03ba99903 --- /dev/null +++ b/html/polish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,227 @@ +--- +category: general +date: 2026-09-07 +description: Dowiedz się, jak tworzyć obraz z HTML przy użyciu Aspose.HTML w C#. Ten + przewodnik krok po kroku pokazuje również, jak renderować HTML do obrazu i konwertować + HTML na PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: pl +lastmod: 2026-09-07 +og_description: Utwórz obraz z HTML w C# przy użyciu Aspose.HTML. Skorzystaj z tego + przewodnika, aby renderować HTML do obrazu, konwertować HTML na PNG oraz ustawić + szerokość i wysokość obrazu dla idealnych rezultatów. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Tworzenie obrazu z HTML w C# – pełny przewodnik Aspose.HTML +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Jak utworzyć obraz z HTML przy użyciu Aspose.HTML w C# +url: /pl/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Jak utworzyć obraz z HTML przy użyciu Aspose.HTML w C# + +Jeśli potrzebujesz **utworzyć obraz z HTML** w aplikacji .NET, ten przewodnik pokaże Ci dokładne kroki z Aspose.HTML. Dowiesz się, jak **renderować HTML do obrazu**, wybrać PNG jako format wyjściowy i kontrolować wymiary wyjścia, aby obraz wyglądał dokładnie tak, jak oczekujesz. + +Samouczek obejmuje wszystko, czego potrzebujesz: wymagane pakiety NuGet, kompletny przykład kodu, wyjaśnienia każdej opcji oraz wskazówki dotyczące typowych pułapek. Po zakończeniu będziesz w stanie **konwertować HTML do PNG**, **zapisać HTML jako PNG** oraz **ustawić szerokość i wysokość obrazu** programowo. + +## Wymagania wstępne + +* .NET 6.0 lub nowszy zainstalowany (kod działa również z .NET 5 i .NET Framework 4.7+). +* Visual Studio 2022 (lub dowolne IDE obsługujące C#). +* Licencja Aspose.HTML for .NET lub darmowy klucz ewaluacyjny. Zainstaluj pakiet przez NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* Plik HTML (`input.html`), który chcesz przekształcić w obraz. Umieść go w folderze, do którego możesz odwołać się z projektu. + +## Krok 1: Załaduj dokument HTML, który chcesz wyrenderować + +Pierwszą operacją jest utworzenie instancji `HTMLDocument`, która wskazuje na Twój plik źródłowy. Aspose.HTML automatycznie odczytuje znacznik, CSS oraz zasoby zewnętrzne (obrazy, czcionki). + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Dlaczego to ważne:* Ładowanie dokumentu oddziela parsowanie od renderowania, co pozwala ponownie używać tego samego obiektu `HTMLDocument` w wielu przebiegach renderowania (np. o różnych rozmiarach obrazu). + +## Krok 2: Skonfiguruj opcje renderowania obrazu (ustaw szerokość i wysokość obrazu, format, jakość) + +`ImageRenderingOptions` pozwala precyzyjnie dostroić wyjście. Tutaj włączamy antyaliasing, ustawiamy pogrubioną czcionkę Arial, włączamy hinting tekstu i wyraźnie **ustawiamy szerokość i wysokość obrazu** na 800 × 600 px. `ImageFormat` jest ustawiony na PNG, który jest bezstratny i szeroko wspierany. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Wskazówka:** Jeśli pominiesz `Width` i `Height`, Aspose.HTML użyje wbudowanego rozmiaru HTML, co może skutkować bardzo dużym lub bardzo małym obrazem. Zawsze definiuj wymiary, gdy potrzebujesz przewidywalnych rezultatów. + +## Krok 3: Utwórz renderer z skonfigurowanymi opcjami + +Klasa `ImageRenderer` wykonuje rzeczywistą konwersję. Przekazanie `renderingOptions`, które właśnie skonfigurowałeś, zapewnia, że renderer respektuje Twoje ustawienia. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Dlaczego to ważne:* Oddzielenie renderera od opcji pozwala ponownie używać tego samego renderera dla różnych dokumentów, zachowując jedną konfigurację. + +## Krok 4: Renderuj dokument HTML do pliku PNG – „zapisz HTML jako PNG” + +Teraz wywołaj `Render`, podając dokument źródłowy oraz ścieżkę docelowego pliku. Metoda blokuje się, aż obraz zostanie zapisany na dysku. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Po zakończeniu wywołania, `output.png` zawiera rasteryzowany zrzut `input.html`. Możesz otworzyć plik w dowolnym przeglądarce obrazów, aby zweryfikować rezultat. + +### Oczekiwany wynik + +Uruchomienie pełnego programu generuje plik PNG o następujących właściwościach: + +* **Wymiary:** 800 × 600 px (zgodnie z ustawieniami `Width`/`Height`). +* **Format:** PNG (bezstratny, obsługuje przezroczystość). +* **Jakość wizualna:** Grafika z antyaliasingiem i tekst z hintingiem, odpowiadająca wyglądowi oryginalnego HTML w nowoczesnej przeglądarce. + +## Pełny, gotowy do uruchomienia przykład + +Poniżej znajduje się cały program, który możesz skopiować do aplikacji konsolowej (`Program.cs`). Dostosuj ścieżki plików do swojego środowiska. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Uruchom program (`dotnet run` lub naciśnij **F5** w Visual Studio). Po wykonaniu otwórz `output.png` – zobaczysz wyrenderowaną stronę dokładnie tak, jak określono w HTML i CSS. + +## Częste pytania i przypadki brzegowe + +| Pytanie | Odpowiedź | +|----------|-----------| +| **Co jeśli mój HTML odwołuje się do zewnętrznych obrazów lub CSS?** | Aspose.HTML podąża za ścieżkami względnymi względem lokalizacji pliku HTML. Upewnij się, że zasoby są dostępne, lub użyj bezwzględnego URL. | +| **Czy mogę renderować do JPEG zamiast PNG?** | Tak. Zmien `ImageFormat = ImageFormat.Jpeg` i opcjonalnie ustaw `JpegQuality` w `ImageRenderingOptions`. | +| **Jak renderować wiele stron z jednego pliku HTML?** | Użyj funkcji paginacji `Document` (`document.Pages`) i wywołaj `renderer.Render(page, ...)` dla każdej strony. | +| **Co jeśli potrzebuję wyższej rozdzielczości DPI do druku?** | Ustaw `renderingOptions.DpiX` i `renderingOptions.DpiY` (np. 300) przed utworzeniem renderera. | +| **Czy antyaliasing jest wymagany dla grafiki wektorowej?** | Poprawia płynność linii i krzywych, ale możesz go wyłączyć (`UseAntialiasing = false`) dla szybszego renderowania dużych partii. | + +## Wskazówka dotycząca wydajności – ponowne użycie renderera + +Jeśli potrzebujesz konwertować wiele plików HTML w partii, utwórz jedną instancję `ImageRenderer` i używaj jej ponownie: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Ponowne użycie renderera eliminuje wielokrotne przydzielanie wewnętrznych zasobów, zmniejszając obciążenie CPU i pamięci. + +## Podsumowanie + +Teraz wiesz, jak **utworzyć obraz z HTML** przy użyciu Aspose.HTML w C#. Postępując zgodnie z czterema krokami — ładowaniem dokumentu, konfigurowaniem opcji renderowania (w tym **ustawianie szerokości i wysokości obrazu**), tworzeniem renderera oraz ostatecznym **renderowaniem HTML do obrazu** — możesz niezawodnie **konwertować HTML do PNG** i **zapisywać HTML jako PNG** dla miniatur, podglądów e‑maili lub potoków generowania PDF. + +Następnie możesz zbadać: + +* **render html to image** w różnych formatach (JPEG, BMP, GIF). +* Dodawanie znaków wodnych lub nakładek przy użyciu `Graphics` po renderowaniu. +* Integrację tej konwersji w API ASP.NET Core do generowania obrazów na żądanie. + +Śmiało eksperymentuj z opcjami i pozwól, aby elastyczność Aspose.HTML wykonała ciężką pracę za Ciebie. Szczęśliwego kodowania! + +## Co powinieneś nauczyć się dalej? + +Poniższe samouczki obejmują ściśle powiązane tematy, które rozwijają techniki przedstawione w tym przewodniku. Każdy zasób zawiera kompletne działające przykłady kodu z wyjaśnieniami krok po kroku, aby pomóc Ci opanować dodatkowe funkcje API i odkrywać alternatywne podejścia implementacyjne w własnych projektach. + +- [Jak używać Aspose do renderowania HTML do PNG – przewodnik krok po kroku](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [Samouczek HTML do obrazu – renderuj HTML do PNG w C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Utwórz PNG z HTML przy użyciu Aspose.Html – przewodnik krok po kroku](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/portuguese/net/generate-jpg-and-png-images/_index.md b/html/portuguese/net/generate-jpg-and-png-images/_index.md index c78874a83..c24e54cfb 100644 --- a/html/portuguese/net/generate-jpg-and-png-images/_index.md +++ b/html/portuguese/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,9 @@ Aprenda passo a passo como gerar PNG a partir de HTML usando Aspose.HTML, inclui Aprenda passo a passo como criar uma imagem a partir de HTML usando C# e Aspose.HTML. ### [Renderizar HTML para PNG em C# – Guia passo a passo](./render-html-to-png-in-c-step-by-step-guide/) Aprenda a renderizar HTML em PNG usando C# com Aspose.HTML, passo a passo, incluindo requisitos e exemplos de código. +### [Como criar imagem a partir de HTML usando Aspose.HTML em C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +Aprenda a gerar imagens a partir de HTML em C# usando Aspose.HTML, passo a passo com exemplos de código. + ## Conclusão Concluindo, o Aspose.HTML para .NET fornece uma solução poderosa e amigável para gerar imagens JPG e PNG a partir de conteúdo HTML. Seja você um desenvolvedor experiente ou apenas iniciante, esses tutoriais o guiarão pelo processo. Crie imagens visualmente atraentes que se destaquem e elevem seus projetos com o Aspose.HTML para .NET. diff --git a/html/portuguese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/portuguese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..0fdd4d1fb --- /dev/null +++ b/html/portuguese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,229 @@ +--- +category: general +date: 2026-09-07 +description: Aprenda a criar imagens a partir de HTML com Aspose.HTML em C#. Este + guia passo a passo também mostra como renderizar HTML em imagem e converter HTML + em PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: pt +lastmod: 2026-09-07 +og_description: Crie imagem a partir de HTML em C# com Aspose.HTML. Siga este guia + para renderizar HTML em imagem, converter HTML para PNG e definir a largura e altura + da imagem para resultados perfeitos. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Criar imagem a partir de HTML em C# – guia completo do Aspose.HTML +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Como criar imagem a partir de HTML usando Aspose.HTML em C# +url: /pt/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Como criar imagem a partir de HTML usando Aspose.HTML em C# + +Se você precisa **criar imagem a partir de HTML** em uma aplicação .NET, este guia mostra os passos exatos com Aspose.HTML. Você aprenderá como **renderizar HTML para imagem**, escolher PNG como formato de saída e controlar as dimensões da saída para que a imagem fique exatamente como você espera. + +O tutorial cobre tudo o que você precisa: pacotes NuGet necessários, um exemplo de código completo, explicações de cada opção e dicas para armadilhas comuns. Ao final, você será capaz de **converter HTML para PNG**, **salvar HTML como PNG** e **definir largura e altura da imagem** programaticamente. + +## Pré-requisitos + +Antes de começar, certifique‑se de que você tem: + +* .NET 6.0 ou posterior instalado (o código também funciona com .NET 5 e .NET Framework 4.7+). +* Visual Studio 2022 (ou qualquer IDE que suporte C#). +* Uma licença do Aspose.HTML for .NET ou uma chave de avaliação gratuita. Instale o pacote via NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* Um arquivo HTML (`input.html`) que você deseja transformar em uma imagem. Coloque‑o em uma pasta que possa ser referenciada a partir do seu projeto. + +## Etapa 1: Carregar o documento HTML que você deseja renderizar + +A primeira operação é criar uma instância de `HTMLDocument` que aponta para o seu arquivo fonte. Aspose.HTML lê a marcação, CSS e recursos externos (imagens, fontes) automaticamente. + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Por que isso importa:* Carregar o documento separa a análise da renderização, permitindo reutilizar o mesmo objeto `HTMLDocument` para múltiplas passagens de renderização (por exemplo, diferentes tamanhos de imagem). + +## Etapa 2: Configurar opções de renderização de imagem (definir largura e altura da imagem, formato, qualidade) + +`ImageRenderingOptions` permite ajustar finamente a saída. Aqui habilitamos anti‑aliasing, definimos uma fonte Arial em negrito, ativamos o hinting de texto e explicitamente **definimos largura e altura da imagem** para 800 × 600 px. O `ImageFormat` é definido como PNG, que é sem perdas e amplamente suportado. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Dica:** Se você omitir `Width` e `Height`, Aspose.HTML usa o tamanho intrínseco do HTML, o que pode gerar uma imagem muito grande ou muito pequena. Sempre defina as dimensões quando precisar de resultados previsíveis. + +## Etapa 3: Criar o renderizador com as opções configuradas + +A classe `ImageRenderer` realiza a conversão real. Passar o `renderingOptions` que você acabou de criar garante que o renderizador respeite suas configurações. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Por que isso importa:* Separar o renderizador das opções permite reutilizar o mesmo renderizador para diferentes documentos mantendo uma única configuração. + +## Etapa 4: Renderizar o documento HTML para um arquivo PNG – “salvar HTML como PNG” + +Agora chame `Render`, fornecendo o documento fonte e o caminho do arquivo de destino. O método bloqueia até que a imagem seja gravada no disco. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Quando a chamada for concluída, `output.png` contém uma captura rasterizada de `input.html`. Você pode abrir o arquivo com qualquer visualizador de imagens para verificar o resultado. + +### Saída esperada + +Executar o programa completo produz um arquivo PNG com as seguintes propriedades: + +* **Dimensões:** 800 × 600 px (conforme definido em `Width`/`Height`). +* **Formato:** PNG (sem perdas, suporta transparência). +* **Qualidade visual:** Gráficos anti‑aliased e texto com hinting, correspondendo à aparência do HTML original em um navegador moderno. + +## Exemplo completo e executável + +Abaixo está o programa inteiro que você pode copiar para uma aplicação console (`Program.cs`). Ajuste os caminhos dos arquivos para corresponder ao seu ambiente. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Execute o programa (`dotnet run` ou pressione **F5** no Visual Studio). Após a execução, abra `output.png` – você verá a página renderizada exatamente como definida pelo HTML e CSS. + +## Perguntas comuns e casos extremos + +| Pergunta | Resposta | +|----------|----------| +| **E se meu HTML referenciar imagens ou CSS externos?** | Aspose.HTML segue caminhos relativos a partir da localização do arquivo HTML. Certifique-se de que esses recursos estejam acessíveis, ou use uma URL absoluta. | +| **Posso renderizar para JPEG em vez de PNG?** | Sim. Altere `ImageFormat = ImageFormat.Jpeg` e, opcionalmente, defina `JpegQuality` em `ImageRenderingOptions`. | +| **Como renderizar múltiplas páginas de um único arquivo HTML?** | Use os recursos de paginação do `Document` (`document.Pages`) e chame `renderer.Render(page, ...)` para cada página. | +| **E se eu precisar de DPI mais alto para impressão?** | Defina `renderingOptions.DpiX` e `renderingOptions.DpiY` (por exemplo, 300) antes de criar o renderizador. | +| **O anti‑aliasing é necessário para gráficos vetoriais?** | Ele melhora a suavidade de linhas e curvas, mas você pode desativá‑lo (`UseAntialiasing = false`) para renderização mais rápida em lotes grandes. | + +## Dica de desempenho – reutilizar o renderizador + +Se você precisar converter muitos arquivos HTML em lote, crie uma única instância de `ImageRenderer` e reutilize‑a: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Reutilizar o renderizador evita alocações repetidas de recursos internos, reduzindo a sobrecarga de CPU e memória. + +## Conclusão + +Agora você sabe como **criar imagem a partir de HTML** com Aspose.HTML em C#. Seguindo as quatro etapas — carregar o documento, configurar opções de renderização (incluindo **definir largura e altura da imagem**), criar o renderizador e, finalmente, **renderizar HTML para imagem** — você pode de forma confiável **converter HTML para PNG** e **salvar HTML como PNG** para miniaturas, pré‑visualizações de e‑mail ou pipelines de geração de PDF. + +Em seguida, você pode explorar: + +* **renderizar html para imagem** com diferentes formatos (JPEG, BMP, GIF). +* Adicionar marcas d'água ou sobreposições usando `Graphics` após a renderização. +* Integrar essa conversão em uma API ASP.NET Core para geração de imagens sob demanda. + +Sinta‑se à vontade para experimentar as opções, e deixe a flexibilidade do Aspose.HTML fazer o trabalho pesado por você. Boa codificação! + +## O que você deve aprender a seguir? + +Os tutoriais a seguir cobrem tópicos estreitamente relacionados que se baseiam nas técnicas demonstradas neste guia. Cada recurso inclui exemplos de código completos e funcionais com explicações passo a passo para ajudá‑lo a dominar recursos adicionais da API e explorar abordagens de implementação alternativas em seus próprios projetos. + +- [Como usar Aspose para renderizar HTML para PNG – Guia passo a passo](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [Tutorial HTML para Imagem – Renderizar HTML para PNG em C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Criar PNG a partir de HTML com Aspose.Html – Guia passo a passo](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/russian/net/generate-jpg-and-png-images/_index.md b/html/russian/net/generate-jpg-and-png-images/_index.md index c0a7577a6..b3df20621 100644 --- a/html/russian/net/generate-jpg-and-png-images/_index.md +++ b/html/russian/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,9 @@ Aspose.HTML для .NET предлагает простой метод прео Подробное руководство по созданию изображения из HTML‑кода с помощью C# и Aspose.HTML для .NET. ### [Рендеринг HTML в PNG на C# – пошаговое руководство](./render-html-to-png-in-c-step-by-step-guide/) Подробное руководство по преобразованию HTML в PNG с помощью Aspose.HTML в C#, включая настройку параметров и примеры кода. +### [Как создать изображение из HTML с помощью Aspose.HTML в C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +Узнайте, как преобразовать HTML в изображение с помощью Aspose.HTML в C#. + ## Заключение В заключение, Aspose.HTML для .NET предоставляет удобное и мощное решение для создания изображений JPG и PNG из HTML-контента. Независимо от того, являетесь ли вы опытным разработчиком или только начинаете, эти руководства проведут вас через весь процесс. Создавайте визуально привлекательные изображения, которые выделяются и поднимают ваши проекты с Aspose.HTML для .NET. diff --git a/html/russian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/russian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..679223b4f --- /dev/null +++ b/html/russian/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,227 @@ +--- +category: general +date: 2026-09-07 +description: Узнайте, как создавать изображение из HTML с помощью Aspose.HTML в C#. + Это пошаговое руководство также показывает, как рендерить HTML в изображение и конвертировать + HTML в PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: ru +lastmod: 2026-09-07 +og_description: Создайте изображение из HTML в C# с помощью Aspose.HTML. Следуйте + этому руководству, чтобы отобразить HTML в изображение, конвертировать HTML в PNG + и задать ширину и высоту изображения для идеального результата. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Создание изображения из HTML в C# – полное руководство по Aspose.HTML +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Как создать изображение из HTML с помощью Aspose.HTML на C# +url: /ru/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Как создать изображение из HTML с помощью Aspose.HTML на C# + +Если вам нужно **создать изображение из HTML** в .NET‑приложении, это руководство покажет вам точные шаги с Aspose.HTML. Вы узнаете, как **рендерить HTML в изображение**, выбрать PNG в качестве формата вывода и управлять размерами вывода, чтобы изображение выглядело точно так, как вы ожидаете. + +В руководстве покрыты все необходимые детали: требуемые пакеты NuGet, полный пример кода, объяснения каждой опции и советы по распространённым подводным камням. К концу вы сможете **конвертировать HTML в PNG**, **сохранить HTML как PNG** и **задать ширину и высоту изображения** программно. + +## Предварительные требования + +* .NET 6.0 или новее установлен (код также работает с .NET 5 и .NET Framework 4.7+). +* Visual Studio 2022 (или любой IDE, поддерживающий C#). +* Лицензия Aspose.HTML for .NET или бесплатный оценочный ключ. Установите пакет через NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* HTML‑файл (`input.html`), который вы хотите превратить в изображение. Поместите его в папку, к которой ваш проект может обращаться. + +## Шаг 1: Загрузите HTML‑документ, который хотите отрендерить + +Первая операция — создать экземпляр `HTMLDocument`, указывающий на ваш исходный файл. Aspose.HTML автоматически читает разметку, CSS и внешние ресурсы (изображения, шрифты). + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Почему это важно:* Загрузка документа отделяет парсинг от рендеринга, позволяя переиспользовать один объект `HTMLDocument` для нескольких проходов рендеринга (например, с разными размерами изображения). + +## Шаг 2: Настройте параметры рендеринга изображения (задать ширину и высоту изображения, формат, качество) + +`ImageRenderingOptions` позволяет точно настроить вывод. Здесь мы включаем сглаживание, задаём жирный шрифт Arial, включаем подсказки текста и явно **задаём ширину и высоту изображения** 800 × 600 px. `ImageFormat` установлен в PNG, который является без потерь и широко поддерживается. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Подсказка:** Если опустить `Width` и `Height`, Aspose.HTML использует внутренний размер HTML, что может привести к очень большому или очень маленькому изображению. Всегда задавайте размеры, когда нужны предсказуемые результаты. + +## Шаг 3: Создайте рендерер с настроенными параметрами + +Класс `ImageRenderer` выполняет фактическое преобразование. Передача `renderingOptions`, которые вы только что создали, гарантирует, что рендерер будет учитывать ваши настройки. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Почему это важно:* Разделение рендерера и параметров позволяет переиспользовать один и тот же рендерер для разных документов, сохраняя единую конфигурацию. + +## Шаг 4: Отрендерите HTML‑документ в PNG‑файл — «сохранить HTML как PNG» + +Теперь вызовите `Render`, передав исходный документ и путь к целевому файлу. Метод блокирует выполнение, пока изображение не будет записано на диск. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +После завершения вызова `output.png` содержит растровый снимок `input.html`. Вы можете открыть файл в любом просмотрщике изображений, чтобы проверить результат. + +### Ожидаемый результат + +Запуск полной программы создаёт PNG‑файл со следующими свойствами: + +* **Размеры:** 800 × 600 px (как задано в `Width`/`Height`). +* **Формат:** PNG (без потерь, поддерживает прозрачность). +* **Визуальное качество:** Сглаженная графика и подсказки текста, соответствующие внешнему виду оригинального HTML в современном браузере. + +## Полный, исполняемый пример + +Ниже представлен весь код программы, который вы можете скопировать в консольное приложение (`Program.cs`). Скорректируйте пути к файлам под вашу среду. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Запустите программу (`dotnet run` или нажмите **F5** в Visual Studio). После выполнения откройте `output.png` — вы увидите отрендеренную страницу точно так, как определено HTML и CSS. + +## Часто задаваемые вопросы и особые случаи + +| Вопрос | Ответ | +|----------|--------| +| **Что если мой HTML ссылается на внешние изображения или CSS?** | Aspose.HTML использует относительные пути от местоположения HTML‑файла. Убедитесь, что эти ресурсы доступны, либо используйте абсолютный URL. | +| **Можно ли рендерить в JPEG вместо PNG?** | Да. Измените `ImageFormat = ImageFormat.Jpeg` и при необходимости задайте `JpegQuality` в `ImageRenderingOptions`. | +| **Как отрендерить несколько страниц из одного HTML‑файла?** | Используйте функции пагинации `Document` (`document.Pages`) и вызывайте `renderer.Render(page, ...)` для каждой страницы. | +| **Что если мне нужен более высокий DPI для печати?** | Задайте `renderingOptions.DpiX` и `renderingOptions.DpiY` (например, 300) перед созданием рендерера. | +| **Нужно ли анти‑алиасинг для векторной графики?** | Он улучшает плавность линий и кривых, но вы можете отключить его (`UseAntialiasing = false`) для более быстрого рендеринга больших пакетов. | + +## Совет по производительности — переиспользуйте рендерер + +Если вам нужно конвертировать множество HTML‑файлов пакетно, создайте один экземпляр `ImageRenderer` и переиспользуйте его: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Переиспользование рендерера избавляет от повторного выделения внутренних ресурсов, снижая нагрузку на CPU и память. + +## Заключение + +Теперь вы знаете, как **создать изображение из HTML** с помощью Aspose.HTML в C#. Следуя четырём шагам — загрузке документа, настройке параметров рендеринга (включая **задание ширины и высоты изображения**), созданию рендерера и, наконец, **рендерингу HTML в изображение** — вы можете надёжно **конвертировать HTML в PNG** и **сохранить HTML как PNG** для миниатюр, предварительных просмотров в письмах или конвейеров генерации PDF. + +Далее вы можете изучить: + +* **render html to image** с разными форматами (JPEG, BMP, GIF). +* Добавление водяных знаков или наложений с помощью `Graphics` после рендеринга. +* Интеграцию этого преобразования в ASP.NET Core API для генерации изображений по запросу. + +Не стесняйтесь экспериментировать с параметрами, и позвольте гибкости Aspose.HTML выполнить тяжёлую работу за вас. Приятного кодинга! + +## Что изучить дальше? + +Следующие руководства охватывают тесно связанные темы, которые опираются на техники, продемонстрированные в этом руководстве. Каждый ресурс включает полностью работающие примеры кода с пошаговыми объяснениями, чтобы помочь вам освоить дополнительные возможности API и изучить альтернативные подходы к реализации в ваших проектах. + +- [Как использовать Aspose для рендеринга HTML в PNG — пошаговое руководство](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [Учебник HTML в изображение — рендеринг HTML в PNG на C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Создание PNG из HTML с Aspose.Html — пошаговое руководство](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/spanish/net/generate-jpg-and-png-images/_index.md b/html/spanish/net/generate-jpg-and-png-images/_index.md index 7a529d2f7..6ea031252 100644 --- a/html/spanish/net/generate-jpg-and-png-images/_index.md +++ b/html/spanish/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,10 @@ Aprenda paso a paso a generar PNG desde HTML con Aspose.HTML, con ejemplos claro Aprenda a crear una imagen a partir de HTML usando C# con Aspose.HTML, siguiendo una guía paso a paso. ### [Renderizar HTML a PNG en C# – Guía paso a paso](./render-html-to-png-in-c-step-by-step-guide/) Aprenda a convertir HTML a imágenes PNG usando C# y Aspose.HTML, con pasos detallados y ejemplos claros. + +### [Cómo crear una imagen a partir de HTML usando Aspose.HTML en C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +Aprenda a generar una imagen a partir de HTML en C# con Aspose.HTML, paso a paso con ejemplos claros. + ## Conclusión En conclusión, Aspose.HTML para .NET ofrece una solución fácil de usar y potente para generar imágenes JPG y PNG a partir de contenido HTML. Tanto si es un desarrollador experimentado como si está empezando, estos tutoriales le guiarán a través del proceso. Cree imágenes visualmente atractivas que destaquen y eleven sus proyectos con Aspose.HTML para .NET. diff --git a/html/spanish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/spanish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..934bf27fc --- /dev/null +++ b/html/spanish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,229 @@ +--- +category: general +date: 2026-09-07 +description: Aprenda cómo crear una imagen a partir de HTML con Aspose.HTML en C#. + Esta guía paso a paso también muestra cómo renderizar HTML a imagen y convertir + HTML a PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: es +lastmod: 2026-09-07 +og_description: Crea una imagen a partir de HTML en C# con Aspose.HTML. Sigue esta + guía para renderizar HTML a imagen, convertir HTML a PNG y establecer el ancho y + la altura de la imagen para obtener resultados perfectos. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Crear imagen a partir de HTML en C# – guía completa de Aspose.HTML +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Cómo crear una imagen a partir de HTML usando Aspose.HTML en C# +url: /es/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Cómo crear una imagen a partir de HTML usando Aspose.HTML en C# + +Si necesita **crear una imagen a partir de HTML** en una aplicación .NET, esta guía le muestra los pasos exactos con Aspose.HTML. Aprenderá cómo **renderizar HTML a imagen**, elegir PNG como formato de salida y controlar las dimensiones de salida para que la imagen se vea exactamente como espera. + +El tutorial cubre todo lo que necesita: paquetes NuGet requeridos, un ejemplo de código completo, explicaciones de cada opción y consejos para errores comunes. Al final podrá **convertir HTML a PNG**, **guardar HTML como PNG** y **establecer el ancho y alto de la imagen** programáticamente. + +## Requisitos previos + +Antes de comenzar, asegúrese de tener: + +* .NET 6.0 o posterior instalado (el código también funciona con .NET 5 y .NET Framework 4.7+). +* Visual Studio 2022 (o cualquier IDE que soporte C#). +* Una licencia de Aspose.HTML para .NET o una clave de evaluación gratuita. Instale el paquete vía NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* Un archivo HTML (`input.html`) que desea convertir en una imagen. Colóquelo en una carpeta a la que pueda referenciar desde su proyecto. + +## Paso 1: Cargar el documento HTML que desea renderizar + +La primera operación es crear una instancia de `HTMLDocument` que apunte a su archivo fuente. Aspose.HTML lee el marcado, CSS y recursos externos (imágenes, fuentes) automáticamente. + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Por qué es importante:* Cargar el documento separa el análisis del renderizado, lo que le permite reutilizar el mismo objeto `HTMLDocument` para múltiples pasadas de renderizado (p. ej., diferentes tamaños de imagen). + +## Paso 2: Configurar las opciones de renderizado de imagen (establecer ancho y alto de la imagen, formato, calidad) + +`ImageRenderingOptions` le permite afinar la salida. Aquí habilitamos el anti‑aliasing, establecemos una fuente Arial en negrita, activamos el hinting de texto y establecemos explícitamente **el ancho y alto de la imagen** a 800 × 600 px. `ImageFormat` se establece en PNG, que es sin pérdida y ampliamente compatible. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Consejo:** Si omite `Width` y `Height`, Aspose.HTML usa el tamaño intrínseco del HTML, lo que puede producir una imagen muy grande o muy pequeña. Siempre defina las dimensiones cuando necesite resultados predecibles. + +## Paso 3: Crear el renderizador con las opciones configuradas + +La clase `ImageRenderer` realiza la conversión real. Pasar las `renderingOptions` que acaba de crear garantiza que el renderizador respete sus configuraciones. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Por qué es importante:* Separar el renderizador de las opciones le permite reutilizar el mismo renderizador para diferentes documentos mientras mantiene una única configuración. + +## Paso 4: Renderizar el documento HTML a un archivo PNG – “guardar HTML como PNG” + +Ahora llame a `Render`, proporcionando el documento fuente y la ruta del archivo de destino. El método bloquea hasta que la imagen se escribe en el disco. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Cuando la llamada finaliza, `output.png` contiene una captura rasterizada de `input.html`. Puede abrir el archivo con cualquier visor de imágenes para verificar el resultado. + +### Resultado esperado + +Ejecutar el programa completo produce un archivo PNG con las siguientes propiedades: + +* **Dimensiones:** 800 × 600 px (como se estableció en `Width`/`Height`). +* **Formato:** PNG (sin pérdida, admite transparencia). +* **Calidad visual:** Gráficos anti‑aliased y texto con hinting, coincidiendo con la apariencia del HTML original en un navegador moderno. + +## Ejemplo completo y ejecutable + +A continuación se muestra el programa completo que puede copiar en una aplicación de consola (`Program.cs`). Ajuste las rutas de archivo para que coincidan con su entorno. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Ejecute el programa (`dotnet run` o presione **F5** en Visual Studio). Después de la ejecución, abra `output.png`; verá la página renderizada exactamente como la define el HTML y el CSS. + +## Preguntas comunes y casos límite + +| Pregunta | Respuesta | +|----------|-----------| +| **¿Qué pasa si mi HTML hace referencia a imágenes o CSS externos?** | Aspose.HTML sigue las rutas relativas desde la ubicación del archivo HTML. Asegúrese de que esos recursos sean accesibles, o use una URL absoluta. | +| **¿Puedo renderizar a JPEG en lugar de PNG?** | Sí. Cambie `ImageFormat = ImageFormat.Jpeg` y, opcionalmente, establezca `JpegQuality` en `ImageRenderingOptions`. | +| **¿Cómo renderizo varias páginas de un solo archivo HTML?** | Utilice las funciones de paginación de `Document` (`document.Pages`) y llame a `renderer.Render(page, ...)` para cada página. | +| **¿Qué pasa si necesito un DPI más alto para impresión?** | Establezca `renderingOptions.DpiX` y `renderingOptions.DpiY` (p. ej., 300) antes de crear el renderizador. | +| **¿Es necesario el anti‑aliasing para gráficos vectoriales?** | Mejora la suavidad de líneas y curvas, pero puede desactivarlo (`UseAntialiasing = false`) para un renderizado más rápido en lotes grandes. | + +## Consejo de rendimiento – reutilizar el renderizador + +Si necesita convertir muchos archivos HTML en un lote, cree una única instancia de `ImageRenderer` y reutilícela: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Reutilizar el renderizador evita la asignación repetida de recursos internos, reduciendo la carga de CPU y memoria. + +## Conclusión + +Ahora sabe cómo **crear una imagen a partir de HTML** con Aspose.HTML en C#. Siguiendo los cuatro pasos—cargar el documento, configurar las opciones de renderizado (incluido **establecer el ancho y alto de la imagen**), crear el renderizador y, finalmente, **renderizar HTML a imagen**—puede convertir de forma fiable **HTML a PNG** y **guardar HTML como PNG** para miniaturas, vistas previas de correos electrónicos o pipelines de generación de PDF. + +Después, podría explorar: + +* **render html to image** con diferentes formatos (JPEG, BMP, GIF). +* Agregar marcas de agua o superposiciones usando `Graphics` después del renderizado. +* Integrar esta conversión en una API ASP.NET Core para generación de imágenes bajo demanda. + +Siéntase libre de experimentar con las opciones, y deje que la flexibilidad de Aspose.HTML haga el trabajo pesado por usted. ¡Feliz codificación! + +## ¿Qué deberías aprender a continuación? + +Los siguientes tutoriales cubren temas estrechamente relacionados que se basan en las técnicas demostradas en esta guía. Cada recurso incluye ejemplos de código completos y funcionales con explicaciones paso a paso para ayudarle a dominar características adicionales de la API y explorar enfoques de implementación alternativos en sus propios proyectos. + +- [Cómo usar Aspose para renderizar HTML a PNG – Guía paso a paso](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [Tutorial HTML a Imagen – Renderizar HTML a PNG en C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Crear PNG a partir de HTML con Aspose.Html – Guía paso a paso](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/swedish/net/generate-jpg-and-png-images/_index.md b/html/swedish/net/generate-jpg-and-png-images/_index.md index c19c7857b..7c8892436 100644 --- a/html/swedish/net/generate-jpg-and-png-images/_index.md +++ b/html/swedish/net/generate-jpg-and-png-images/_index.md @@ -63,6 +63,8 @@ Lär dig hur du konverterar HTML till PNG-bilder med Aspose.HTML i en komplett s Lär dig hur du konverterar HTML till PNG-bilder med Aspose.HTML i en steg‑för‑steg guide. ### [Skapa bild från HTML i C# – Steg‑för‑steg guide](./create-image-from-html-in-c-step-by-step-guide/) Lär dig hur du genererar en bild från HTML med C# och Aspose.HTML i en detaljerad steg‑för‑steg guide. +### [Hur man skapar bild från HTML med Aspose.HTML i C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +Lär dig hur du skapar en bild från HTML med Aspose.HTML i C# i en enkel steg‑för‑steg‑guide. ### [Rendera HTML till PNG i C# – Steg‑för‑steg‑guide](./render-html-to-png-in-c-step-by-step-guide/) Lär dig hur du med Aspose.HTML för .NET renderar HTML till PNG-bilder i C# med en detaljerad steg‑för‑steg‑guide. ## Slutsats diff --git a/html/swedish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/swedish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..bfcc5e3b3 --- /dev/null +++ b/html/swedish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,226 @@ +--- +category: general +date: 2026-09-07 +description: Lär dig hur du skapar bild från HTML med Aspose.HTML i C#. Denna steg‑för‑steg‑guide + visar också hur du renderar HTML till bild och konverterar HTML till PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: sv +lastmod: 2026-09-07 +og_description: Skapa bild från HTML i C# med Aspose.HTML. Följ den här guiden för + att rendera HTML till bild, konvertera HTML till PNG och ange bildens bredd och + höjd för perfekta resultat. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Skapa bild från HTML i C# – fullständig Aspose.HTML‑guide +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Hur man skapar en bild från HTML med Aspose.HTML i C# +url: /sv/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Hur man skapar bild från HTML med Aspose.HTML i C# + +Om du behöver **skapa bild från HTML** i en .NET-applikation visar den här guiden de exakta stegen med Aspose.HTML. Du kommer att lära dig hur du **renderar HTML till bild**, väljer PNG som utdataformat och styr utmatningens dimensioner så att bilden ser exakt ut som du förväntar dig. + +Handledningen täcker allt du behöver: nödvändiga NuGet‑paket, ett komplett kodexempel, förklaringar av varje alternativ och tips för vanliga fallgropar. I slutet kommer du att kunna **konvertera HTML till PNG**, **spara HTML som PNG** och **ange bildens bredd och höjd** programatiskt. + +## Förutsättningar + +* .NET 6.0 eller senare installerat (koden fungerar även med .NET 5 och .NET Framework 4.7+). +* Visual Studio 2022 (eller någon IDE som stödjer C#). +* En Aspose.HTML för .NET‑licens eller en gratis utvärderingsnyckel. Installera paketet via NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* En HTML‑fil (`input.html`) som du vill omvandla till en bild. Placera den i en mapp som du kan referera till från ditt projekt. + +## Steg 1: Ladda HTML‑dokumentet du vill rendera + +Den första operationen är att skapa en `HTMLDocument`‑instans som pekar på din källfil. Aspose.HTML läser markup, CSS och externa resurser (bilder, teckensnitt) automatiskt. + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Varför detta är viktigt:* Att ladda dokumentet separerar parsning från rendering, vilket gör att du kan återanvända samma `HTMLDocument`‑objekt för flera renderingspass (t.ex. olika bildstorlekar). + +## Steg 2: Konfigurera bildrenderingsalternativ (ange bildens bredd och höjd, format, kvalitet) + +`ImageRenderingOptions` låter dig finjustera utdata. Här aktiverar vi anti‑aliasing, sätter ett fetstilat Arial‑teckensnitt, slår på text‑hinting och anger uttryckligen **bildens bredd och höjd** till 800 × 600 px. `ImageFormat` är satt till PNG, vilket är förlustfritt och brett stödjat. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Tips:** Om du utelämnar `Width` och `Height` använder Aspose.HTML HTML:ens inneboende storlek, vilket kan resultera i en mycket stor eller mycket liten bild. Definiera alltid dimensionerna när du behöver förutsägbara resultat. + +## Steg 3: Skapa renderaren med de konfigurerade alternativen + +`ImageRenderer`‑klassen utför den faktiska konverteringen. Genom att skicka `renderingOptions` som du just byggt säkerställer du att renderaren följer dina inställningar. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Varför detta är viktigt:* Att separera renderaren från alternativen låter dig återanvända samma renderer för olika dokument samtidigt som du behåller en enda konfiguration. + +## Steg 4: Rendera HTML‑dokumentet till en PNG‑fil – “spara HTML som PNG” + +Anropa nu `Render` och ange källdokumentet samt målfilens sökväg. Metoden blockerar tills bilden har skrivits till disk. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +När anropet är klart innehåller `output.png` en rasteriserad ögonblicksbild av `input.html`. Du kan öppna filen med någon bildvisare för att verifiera resultatet. + +### Förväntat resultat + +Att köra hela programmet producerar en PNG‑fil med följande egenskaper: + +* **Dimensioner:** 800 × 600 px (som angivet i `Width`/`Height`). +* **Format:** PNG (förlustfritt, stödjer transparens). +* **Visuell kvalitet:** Anti‑aliasade grafik och hintad text, som matchar utseendet på den ursprungliga HTML:n i en modern webbläsare. + +## Fullt, körbart exempel + +Nedan är hela programmet som du kan kopiera in i en konsolapplikation (`Program.cs`). Anpassa filsökvägarna så att de matchar din miljö. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Kör programmet (`dotnet run` eller tryck **F5** i Visual Studio). Efter körning, öppna `output.png` – du kommer att se den renderade sidan exakt som definierad av HTML‑ och CSS‑koden. + +## Vanliga frågor och edge‑cases + +| Fråga | Svar | +|----------|--------| +| **Vad händer om min HTML refererar till externa bilder eller CSS?** | Aspose.HTML följer relativa sökvägar från HTML‑filens plats. Se till att dessa resurser är åtkomliga, eller använd en absolut URL. | +| **Kan jag rendera till JPEG istället för PNG?** | Ja. Ändra `ImageFormat = ImageFormat.Jpeg` och sätt eventuellt `JpegQuality` i `ImageRenderingOptions`. | +| **Hur renderar jag flera sidor från en enda HTML‑fil?** | Använd `Document`‑pagineringsegenskaper (`document.Pages`) och anropa `renderer.Render(page, ...)` för varje sida. | +| **Vad händer om jag behöver en högre DPI för utskrift?** | Ställ in `renderingOptions.DpiX` och `renderingOptions.DpiY` (t.ex. 300) innan du skapar renderaren. | +| **Är anti‑aliasing nödvändigt för vektorgrafik?** | Det förbättrar jämnheten för linjer och kurvor, men du kan inaktivera det (`UseAntialiasing = false`) för snabbare rendering i stora batcher. | + +## Prestandatips – återanvänd renderaren + +Om du behöver konvertera många HTML‑filer i en batch, skapa en enda `ImageRenderer`‑instans och återanvänd den: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Att återanvända renderaren undviker upprepade allokeringar av interna resurser, vilket minskar CPU‑ och minnesbelastning. + +## Slutsats + +Du vet nu hur du **skapar bild från HTML** med Aspose.HTML i C#. Genom att följa de fyra stegen—ladda dokumentet, konfigurera renderingsalternativ (inklusive **ange bildens bredd och höjd**), skapa renderaren och slutligen **rendera HTML till bild**—kan du på ett pålitligt sätt **konvertera HTML till PNG** och **spara HTML som PNG** för miniatyrer, e‑post‑förhandsgranskningar eller PDF‑genereringspipeline. + +Nästa steg kan du utforska: + +* **rendera html till bild** med olika format (JPEG, BMP, GIF). +* Lägg till vattenstämplar eller överlägg med `Graphics` efter rendering. +* Integrera denna konvertering i ett ASP.NET Core‑API för bildgenerering på begäran. + +Känn dig fri att experimentera med alternativen, och låt Aspose.HTML:s flexibilitet sköta det tunga arbetet åt dig. Lycka till med kodandet! + +## Vad bör du lära dig härnäst? + +Följande handledningar täcker närbesläktade ämnen som bygger på teknikerna som demonstreras i den här guiden. Varje resurs innehåller kompletta fungerande kodexempel med steg‑för‑steg‑förklaringar för att hjälpa dig bemästra ytterligare API‑funktioner och utforska alternativa implementationsmetoder i dina egna projekt. + +- [Hur man använder Aspose för att rendera HTML till PNG – Steg‑för‑steg‑guide](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML till Bild‑handledning – Rendera HTML till PNG i C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Skapa PNG från HTML med Aspose.Html – Steg‑för‑steg‑guide](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/thai/net/generate-jpg-and-png-images/_index.md b/html/thai/net/generate-jpg-and-png-images/_index.md index ba3406a05..7128167ca 100644 --- a/html/thai/net/generate-jpg-and-png-images/_index.md +++ b/html/thai/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,8 @@ Aspose.HTML สำหรับ .NET นำเสนอวิธีการง เรียนรู้วิธีแปลงไฟล์ DOCX เป็น PNG ด้วย C# อย่างละเอียด พร้อมขั้นตอนและตัวอย่างโค้ด ### [เรนเดอร์ HTML เป็น PNG ใน C# – คู่มือขั้นตอนต่อขั้นตอน](./render-html-to-png-in-c-step-by-step-guide/) เรียนรู้วิธีแปลง HTML เป็นรูปภาพ PNG ด้วย C# โดยใช้ Aspose.HTML สำหรับ .NET อย่างละเอียด +### [วิธีสร้างภาพจาก HTML ด้วย Aspose.HTML ใน C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +เรียนรู้วิธีแปลง HTML เป็นภาพโดยใช้ Aspose.HTML ใน C# อย่างละเอียด ## บทสรุป โดยสรุป Aspose.HTML สำหรับ .NET มอบโซลูชันที่ใช้งานง่ายและทรงพลังสำหรับการสร้างรูปภาพ JPG และ PNG จากเนื้อหา HTML ไม่ว่าคุณจะเป็นนักพัฒนาที่มีประสบการณ์หรือเพิ่งเริ่มต้น บทช่วยสอนเหล่านี้จะแนะนำคุณตลอดกระบวนการ สร้างรูปภาพที่ดึงดูดสายตาซึ่งโดดเด่นและยกระดับโครงการของคุณด้วย Aspose.HTML สำหรับ .NET diff --git a/html/thai/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/thai/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..f12f509c4 --- /dev/null +++ b/html/thai/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,225 @@ +--- +category: general +date: 2026-09-07 +description: เรียนรู้วิธีสร้างภาพจาก HTML ด้วย Aspose.HTML ใน C# คู่มือขั้นตอนนี้ยังแสดงวิธีเรนเดอร์ + HTML เป็นภาพและแปลง HTML เป็น PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: th +lastmod: 2026-09-07 +og_description: สร้างภาพจาก HTML ด้วย C# และ Aspose.HTML. ทำตามคู่มือนี้เพื่อเรนเดอร์ + HTML เป็นภาพ, แปลง HTML เป็น PNG, และตั้งค่าความกว้างและความสูงของภาพเพื่อผลลัพธ์ที่สมบูรณ์แบบ. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: สร้างภาพจาก HTML ด้วย C# – คู่มือ Aspose.HTML อย่างเต็มรูปแบบ +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: วิธีสร้างรูปภาพจาก HTML ด้วย Aspose.HTML ใน C# +url: /th/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# วิธีสร้างภาพจาก HTML ด้วย Aspose.HTML ใน C# + +หากคุณต้องการ **สร้างภาพจาก HTML** ในแอปพลิเคชัน .NET คู่มือนี้จะแสดงขั้นตอนที่แม่นยำด้วย Aspose.HTML คุณจะได้เรียนรู้วิธี **เรนเดอร์ HTML เป็นภาพ**, เลือก PNG เป็นรูปแบบผลลัพธ์, และควบคุมขนาดผลลัพธ์เพื่อให้ภาพแสดงผลตามที่คุณคาดหวังอย่างแม่นยำ. + +บทแนะนำนี้ครอบคลุมทุกสิ่งที่คุณต้องการ: แพ็กเกจ NuGet ที่จำเป็น, ตัวอย่างโค้ดเต็ม, คำอธิบายของแต่ละตัวเลือก, และเคล็ดลับสำหรับปัญหาที่พบบ่อย เมื่อเสร็จสิ้นคุณจะสามารถ **แปลง HTML เป็น PNG**, **บันทึก HTML เป็น PNG**, และ **ตั้งค่าความกว้างและความสูงของภาพ** ผ่านโปรแกรมได้. + +## สิ่งที่ต้องเตรียมล่วงหน้า + +* .NET 6.0 หรือใหม่กว่า (โค้ดนี้ยังทำงานได้กับ .NET 5 และ .NET Framework 4.7+). +* Visual Studio 2022 (หรือ IDE ใดก็ได้ที่รองรับ C#). +* ใบอนุญาต Aspose.HTML สำหรับ .NET หรือคีย์ประเมินผลฟรี. ติดตั้งแพ็กเกจผ่าน NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* ไฟล์ HTML (`input.html`) ที่คุณต้องการแปลงเป็นภาพ. วางไว้ในโฟลเดอร์ที่คุณสามารถอ้างอิงจากโปรเจคของคุณ. + +## ขั้นตอนที่ 1: โหลดเอกสาร HTML ที่ต้องการเรนเดอร์ + +การดำเนินการแรกคือการสร้างอินสแตนซ์ `HTMLDocument` ที่ชี้ไปยังไฟล์ต้นทางของคุณ Aspose.HTML จะอ่านมาร์กอัป, CSS, และทรัพยากรภายนอก (รูปภาพ, ฟอนต์) โดยอัตโนมัติ. + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*ทำไมเรื่องนี้สำคัญ:* การโหลดเอกสารจะแยกการพาร์สจากการเรนเดอร์, ทำให้คุณสามารถใช้วัตถุ `HTMLDocument` เดียวกันสำหรับการเรนเดอร์หลายครั้ง (เช่น ขนาดภาพต่าง ๆ). + +## ขั้นตอนที่ 2: กำหนดค่าตัวเลือกการเรนเดอร์ภาพ (ตั้งค่าความกว้างและความสูงของภาพ, รูปแบบ, คุณภาพ) + +`ImageRenderingOptions` ให้คุณปรับแต่งผลลัพธ์ได้อย่างละเอียด ที่นี่เราเปิดใช้งาน anti‑aliasing, ตั้งฟอนต์ Arial หนา, เปิดการ hinting ของข้อความ, และตั้งค่า **ความกว้างและความสูงของภาพ** เป็น 800 × 600 px อย่างชัดเจน. `ImageFormat` ถูกตั้งเป็น PNG, ซึ่งเป็นรูปแบบที่ไม่มีการสูญเสียและได้รับการสนับสนุนอย่างกว้างขวาง. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**เคล็ดลับ:** หากคุณละเว้น `Width` และ `Height`, Aspose.HTML จะใช้ขนาดตามธรรมชาติของ HTML, ซึ่งอาจทำให้ได้ภาพที่ใหญ่หรือเล็กเกินไป. ควรกำหนดขนาดเสมอเมื่อคุณต้องการผลลัพธ์ที่คาดการณ์ได้. + +## ขั้นตอนที่ 3: สร้าง renderer ด้วยตัวเลือกที่กำหนดไว้ + +คลาส `ImageRenderer` ทำการแปลงจริง ๆ การส่ง `renderingOptions` ที่คุณสร้างไปให้แน่ใจว่า renderer จะปฏิบัติตามการตั้งค่าของคุณ. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*ทำไมเรื่องนี้สำคัญ:* การแยก renderer ออกจากตัวเลือกทำให้คุณสามารถใช้ renderer เดียวกันสำหรับเอกสารต่าง ๆ ในขณะที่ยังคงการกำหนดค่าหนึ่งชุด. + +## ขั้นตอนที่ 4: เรนเดอร์เอกสาร HTML เป็นไฟล์ PNG – “บันทึก HTML เป็น PNG” + +ตอนนี้เรียก `Render`, โดยระบุเอกสารต้นทางและเส้นทางไฟล์ปลายทาง วิธีนี้จะบล็อกจนกว่าภาพจะถูกเขียนลงดิสก์. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +เมื่อการเรียกเสร็จสิ้น, `output.png` จะมีสแนปช็อตแบบเรสเตอร์ของ `input.html`. คุณสามารถเปิดไฟล์ด้วยโปรแกรมดูภาพใดก็ได้เพื่อยืนยันผลลัพธ์. + +### ผลลัพธ์ที่คาดหวัง + +การรันโปรแกรมเต็มจะสร้างไฟล์ PNG ที่มีคุณสมบัติดังต่อไปนี้: + +* **Dimensions:** 800 × 600 px (ตามที่ตั้งค่าใน `Width`/`Height`). +* **Format:** PNG (ไม่มีการสูญเสีย, รองรับความโปร่งใส). +* **Visual quality:** กราฟิกที่มี anti‑aliasing และข้อความที่มี hinting, ตรงกับการแสดงผลของ HTML ดั้งเดิมในเบราว์เซอร์สมัยใหม่. + +## ตัวอย่างเต็มที่สามารถรันได้ + +ด้านล่างเป็นโปรแกรมทั้งหมดที่คุณสามารถคัดลอกไปยังแอปพลิเคชันคอนโซล (`Program.cs`). ปรับเส้นทางไฟล์ให้ตรงกับสภาพแวดล้อมของคุณ. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +รันโปรแกรม (`dotnet run` หรือกด **F5** ใน Visual Studio). หลังจากทำงานเสร็จ, เปิด `output.png` – คุณจะเห็นหน้าที่เรนเดอร์ตรงตามที่กำหนดโดย HTML และ CSS. + +## คำถามทั่วไปและกรณีขอบ + +| คำถาม | คำตอบ | +|----------|--------| +| **ถ้า HTML ของฉันอ้างอิงรูปภาพหรือ CSS ภายนอกล่ะ?** | Aspose.HTML จะตามเส้นทางสัมพันธ์จากตำแหน่งไฟล์ HTML. ตรวจสอบให้แน่ใจว่าทรัพยากรเหล่านั้นเข้าถึงได้, หรือใช้ URL แบบเต็ม. | +| **ฉันสามารถเรนเดอร์เป็น JPEG แทน PNG ได้ไหม?** | ได้. เปลี่ยน `ImageFormat = ImageFormat.Jpeg` และอาจตั้งค่า `JpegQuality` ใน `ImageRenderingOptions`. | +| **ฉันจะเรนเดอร์หลายหน้าจากไฟล์ HTML เดียวได้อย่างไร?** | ใช้คุณสมบัติการแบ่งหน้าของ `Document` (`document.Pages`) และเรียก `renderer.Render(page, ...)` สำหรับแต่ละหน้า. | +| **ถ้าฉันต้องการ DPI สูงขึ้นสำหรับการพิมพ์ล่ะ?** | ตั้งค่า `renderingOptions.DpiX` และ `renderingOptions.DpiY` (เช่น 300) ก่อนสร้าง renderer. | +| **การ anti‑aliasing จำเป็นสำหรับกราฟิกเวกเตอร์หรือไม่?** | มันช่วยให้เส้นและโค้งดูเรียบขึ้น, แต่คุณสามารถปิดได้ (`UseAntialiasing = false`) เพื่อเรนเดอร์เร็วขึ้นในชุดงานขนาดใหญ่. | + +## เคล็ดลับประสิทธิภาพ – ใช้ renderer ซ้ำ + +หากคุณต้องการแปลงไฟล์ HTML จำนวนมากเป็นชุด, สร้างอินสแตนซ์ `ImageRenderer` เพียงหนึ่งตัวและใช้ซ้ำ: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +การใช้ renderer ซ้ำช่วยหลีกเลี่ยงการจัดสรรทรัพยากรภายในซ้ำ ๆ, ลดภาระการใช้ CPU และหน่วยความจำ. + +## สรุป + +ตอนนี้คุณรู้วิธี **สร้างภาพจาก HTML** ด้วย Aspose.HTML ใน C# แล้ว โดยทำตามสี่ขั้นตอน—การโหลดเอกสาร, การกำหนดค่าตัวเลือกการเรนเดอร์ (รวมถึง **ตั้งค่าความกว้างและความสูงของภาพ**), การสร้าง renderer, และในที่สุด **เรนเดอร์ HTML เป็นภาพ**—คุณสามารถ **แปลง HTML เป็น PNG** และ **บันทึก HTML เป็น PNG** อย่างเชื่อถือได้สำหรับภาพย่อ, ตัวอย่างอีเมล, หรือกระบวนการสร้าง PDF. + +ต่อไปคุณอาจสำรวจ: + +* **เรนเดอร์ html เป็นภาพ** ด้วยรูปแบบต่าง ๆ (JPEG, BMP, GIF). +* เพิ่มลายน้ำหรือโอเวอร์เลย์โดยใช้ `Graphics` หลังการเรนเดอร์. +* ผสานการแปลงนี้เข้ากับ ASP.NET Core API เพื่อสร้างภาพตามความต้องการ. + +ลองทดลองกับตัวเลือกต่าง ๆ ได้ตามสบาย, และให้ความยืดหยุ่นของ Aspose.HTML จัดการงานหนักให้คุณ. ขอให้เขียนโค้ดอย่างสนุกสนาน! + +## คุณควรเรียนรู้อะไรต่อไป? + +บทแนะนำต่อไปนี้ครอบคลุมหัวข้อที่เกี่ยวข้องอย่างใกล้ชิดซึ่งต่อยอดจากเทคนิคที่แสดงในคู่มือนี้. แต่ละแหล่งข้อมูลมีตัวอย่างโค้ดทำงานเต็มรูปแบบพร้อมคำอธิบายขั้นตอนเพื่อช่วยให้คุณเชี่ยวชาญฟีเจอร์ API เพิ่มเติมและสำรวจแนวทางการนำไปใช้แบบอื่นในโปรเจคของคุณ. + +- [วิธีใช้ Aspose เพื่อเรนเดอร์ HTML เป็น PNG – คู่มือขั้นตอนโดยละเอียด](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML to Image Tutorial – เรนเดอร์ HTML เป็น PNG ใน C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [สร้าง PNG จาก HTML ด้วย Aspose.Html – คู่มือขั้นตอนโดยละเอียด](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/turkish/net/generate-jpg-and-png-images/_index.md b/html/turkish/net/generate-jpg-and-png-images/_index.md index 1efb26b42..3f30a989b 100644 --- a/html/turkish/net/generate-jpg-and-png-images/_index.md +++ b/html/turkish/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,8 @@ C# kullanarak HTML'den yüksek kaliteli görüntüler oluşturmayı adım adım C# kullanarak docx dosyalarını png formatına tam adım adım dönüştürmeyi öğrenin. ### [C# ile HTML'yi PNG'ye Render Et – Adım Adım Kılavuz](./render-html-to-png-in-c-step-by-step-guide/) Aspose.HTML for .NET ile C# içinde HTML'yi PNG resimlerine dönüştürmeyi adım adım öğrenin. +### [Aspose.HTML ile C#'ta HTML'den Görüntü Oluşturun](./how-to-create-image-from-html-using-aspose-html-in-c/) + ## Çözüm Sonuç olarak, Aspose.HTML for .NET, HTML içeriğinden JPG ve PNG görüntüleri oluşturmak için kullanıcı dostu ve güçlü bir çözüm sunar. İster deneyimli bir geliştirici olun ister yeni başlıyor olun, bu eğitimler sizi süreçte yönlendirecektir. Aspose.HTML for .NET ile öne çıkan ve projelerinizi geliştiren görsel olarak çekici görüntüler oluşturun. diff --git a/html/turkish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/turkish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..dfcffc082 --- /dev/null +++ b/html/turkish/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,228 @@ +--- +category: general +date: 2026-09-07 +description: Aspose.HTML ile C#'ta HTML'den görüntü oluşturmayı öğrenin. Bu adım adım + kılavuz, HTML'yi görüntüye render etmeyi ve HTML'yi PNG'ye dönüştürmeyi de gösterir. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: tr +lastmod: 2026-09-07 +og_description: C# ile Aspose.HTML kullanarak HTML'den görüntü oluşturun. HTML'yi + görüntüye dönüştürmek, HTML'yi PNG'ye çevirmek ve mükemmel sonuçlar için görüntü + genişliğini ve yüksekliğini ayarlamak için bu kılavuzu izleyin. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: C#'ta HTML'den resim oluşturma – tam Aspose.HTML rehberi +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: C#'ta Aspose.HTML kullanarak HTML'den resim nasıl oluşturulur +url: /tr/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# HTML'den Görüntü Oluşturma Aspose.HTML ile C#'ta Nasıl Yapılır + +Eğer bir .NET uygulamasında **HTML'den görüntü oluşturmanız** gerekiyorsa, bu kılavuz Aspose.HTML ile tam adımları gösterir. **HTML'yi görüntüye render** etmeyi, çıktı formatı olarak PNG'yi seçmeyi ve çıktı boyutlarını kontrol etmeyi öğreneceksiniz, böylece görüntü tam olarak beklentiniz gibi görünür. + +Bu öğretici, ihtiyacınız olan her şeyi kapsar: gerekli NuGet paketleri, eksiksiz bir kod örneği, her seçeneğin açıklamaları ve yaygın hatalar için ipuçları. Sonunda **HTML'yi PNG'ye dönüştürebilecek**, **HTML'yi PNG olarak kaydedebilecek** ve programlı olarak **görüntü genişlik yüksekliğini ayarlayabileceksiniz**. + +## Önkoşullar + +Başlamadan önce şunların yüklü olduğundan emin olun: + +* .NET 6.0 veya daha yeni bir sürüm yüklü (kod .NET 5 ve .NET Framework 4.7+ ile de çalışır). +* Visual Studio 2022 (veya C# destekleyen herhangi bir IDE). +* Aspose.HTML for .NET lisansı veya ücretsiz bir değerlendirme anahtarı. Paketi NuGet üzerinden kurun: + +```bash +dotnet add package Aspose.HTML +``` + +* Görüntüye dönüştürmek istediğiniz bir HTML dosyası (`input.html`). Projenizden referans alabileceğiniz bir klasöre yerleştirin. + +## Adım 1: Render etmek istediğiniz HTML belgesini yükleyin + +İlk işlem, kaynak dosyanıza işaret eden bir `HTMLDocument` örneği oluşturmaktır. Aspose.HTML, işaretlemesi, CSS'i ve harici kaynakları (resimler, yazı tipleri) otomatik olarak okur. + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Neden önemli:* Belgeyi yüklemek, ayrıştırmayı render işlemlerinden ayırır ve aynı `HTMLDocument` nesnesini birden fazla render geçişi için (ör. farklı görüntü boyutları) yeniden kullanmanıza olanak tanır. + +## Adım 2: Görüntü render seçeneklerini yapılandırın (görüntü genişlik yüksekliğini ayarla, format, kalite) + +`ImageRenderingOptions` çıktıyı ince ayar yapmanızı sağlar. Burada anti‑aliasing'i etkinleştiriyor, kalın bir Arial yazı tipi ayarlıyor, metin hinting'i açıyor ve **görüntü genişlik yüksekliğini** 800 × 600 px olarak açıkça **set image width height** yapıyoruz. `ImageFormat` PNG olarak ayarlanmıştır; bu format kayıpsızdır ve geniş çapta desteklenir. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**İpucu:** `Width` ve `Height` değerlerini atlamanız durumunda Aspose.HTML, HTML'in içsel boyutunu kullanır; bu da çok büyük ya da çok küçük bir görüntü üretebilir. Öngörülebilir sonuçlar için her zaman boyutları tanımlayın. + +## Adım 3: Yapılandırılmış seçeneklerle renderlayıcıyı oluşturun + +`ImageRenderer` sınıfı gerçek dönüşümü gerçekleştirir. Az önce oluşturduğunuz `renderingOptions` nesnesini geçirmeniz, renderlayıcının ayarlarınızı dikkate almasını sağlar. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Neden önemli:* Renderlayıcıyı seçeneklerden ayırmak, aynı renderlayıcıyı farklı belgeler için tek bir yapılandırma ile yeniden kullanmanıza olanak tanır. + +## Adım 4: HTML belgesini PNG dosyasına renderlayın – “HTML'yi PNG olarak kaydet” + +Şimdi `Render` metodunu çağırın, kaynak belgeyi ve hedef dosya yolunu sağlayın. Metod, görüntü diske yazılana kadar bloklanır. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Çağrı tamamlandığında `output.png`, `input.html` dosyasının rasterleştirilmiş bir anlık görüntüsünü içerir. Sonucu doğrulamak için dosyayı herhangi bir görüntü görüntüleyicide açabilirsiniz. + +### Beklenen çıktı + +Tam program çalıştırıldığında aşağıdaki özelliklere sahip bir PNG dosyası üretilir: + +* **Boyutlar:** 800 × 600 px (`Width`/`Height` içinde ayarlandığı gibi). +* **Format:** PNG (kayıpsız, şeffaflığı destekler). +* **Görsel kalite:** Anti‑aliasing uygulanmış grafikler ve hintli metin, orijinal HTML'in modern bir tarayıcıdaki görünümüne eşdeğer. + +## Tam, çalıştırılabilir örnek + +Aşağıda, bir konsol uygulamasına (`Program.cs`) kopyalayabileceğiniz tüm program yer almaktadır. Dosya yollarını ortamınıza göre ayarlayın. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Programı çalıştırın (`dotnet run` veya Visual Studio'da **F5** tuşuna basın). Çalıştırmadan sonra `output.png` dosyasını açın – renderlanan sayfanın HTML ve CSS ile tanımlanan tam olarak aynı olduğunu göreceksiniz. + +## Yaygın sorular ve kenar durumları + +| Soru | Cevap | +|----------|--------| +| **HTML'im harici resimlere veya CSS'ye referans veriyorsa ne olur?** | Aspose.HTML, HTML dosyasının konumundan göreceli yolları izler. Bu kaynakların erişilebilir olduğundan emin olun veya mutlak bir URL kullanın. | +| **PNG yerine JPEG renderlayabilir miyim?** | Evet. `ImageFormat = ImageFormat.Jpeg` olarak değiştirin ve isteğe bağlı olarak `ImageRenderingOptions` içinde `JpegQuality` ayarlayın. | +| **Tek bir HTML dosyasından birden fazla sayfa nasıl renderlanır?** | `Document` sayfalama özelliklerini (`document.Pages`) kullanın ve her sayfa için `renderer.Render(page, ...)` çağrısı yapın. | +| **Yazdırma için daha yüksek DPI'ye ihtiyacım olursa ne yapmalıyım?** | Renderlayıcıyı oluşturmadan önce `renderingOptions.DpiX` ve `renderingOptions.DpiY` değerlerini (ör. 300) ayarlayın. | +| **Vektör grafikler için anti‑aliasing gerekli mi?** | Çizgi ve eğrilerin pürüzsüzlüğünü artırır, ancak büyük toplu işlemlerde daha hızlı render için (`UseAntialiasing = false`) devre dışı bırakabilirsiniz. | + +## Performans ipucu – renderlayıcıyı yeniden kullanın + +Bir toplu işlemde birçok HTML dosyasını dönüştürmeniz gerekiyorsa, tek bir `ImageRenderer` örneği oluşturup yeniden kullanın: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Renderlayıcıyı yeniden kullanmak, iç kaynakların tekrar tekrar tahsis edilmesini önler, CPU ve bellek yükünü azaltır. + +## Sonuç + +Artık Aspose.HTML ile C# içinde **HTML'den görüntü oluşturmayı** biliyorsunuz. Belgeyi yükleme, render seçeneklerini yapılandırma (**görüntü genişlik yüksekliğini ayarlama** dahil), renderlayıcıyı oluşturma ve son olarak **HTML'yi görüntüye render** etme adımlarını izleyerek **HTML'yi PNG'ye dönüştürebilir** ve **HTML'yi PNG olarak kaydedebilirsiniz**; bu, küçük resimler, e‑posta ön izlemeleri veya PDF üretim hatları için idealdir. + +Sonra şunları keşfedebilirsiniz: + +* **render html to image** farklı formatlarda (JPEG, BMP, GIF). +* Renderlamadan sonra `Graphics` kullanarak filigranlar veya bindirmeler ekleme. +* Bu dönüşümü, isteğe bağlı görüntü üretimi için bir ASP.NET Core API'sine entegre etme. + +Seçeneklerle deney yapmaktan çekinmeyin ve Aspose.HTML'in esnekliği sizin için ağır işi halletsin. İyi kodlamalar! + +## Sonra Ne Öğrenmelisiniz? + +Aşağıdaki öğreticiler, bu kılavuzda gösterilen tekniklere dayanarak yakından ilgili konuları kapsar. Her kaynak, ek API özelliklerini ustalaşmanıza ve projelerinizde alternatif uygulama yaklaşımlarını keşfetmenize yardımcı olacak eksiksiz çalışan kod örnekleri ve adım adım açıklamalar içerir. + +- [How to Use Aspose to Render HTML to PNG – Step‑by‑Step Guide](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML to Image Tutorial – Render HTML to PNG in C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Create PNG from HTML with Aspose.Html – Step‑by‑Step Guide](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file diff --git a/html/vietnamese/net/generate-jpg-and-png-images/_index.md b/html/vietnamese/net/generate-jpg-and-png-images/_index.md index 4c1308b32..f254438f4 100644 --- a/html/vietnamese/net/generate-jpg-and-png-images/_index.md +++ b/html/vietnamese/net/generate-jpg-and-png-images/_index.md @@ -65,6 +65,9 @@ Hướng dẫn chi tiết từng bước để chuyển đổi HTML thành ảnh Hướng dẫn chi tiết cách chuyển đổi HTML thành hình ảnh bằng C# sử dụng Aspose.HTML, bao gồm các bước cài đặt và tùy chỉnh đầu ra. ### [Chuyển đổi HTML sang PNG trong C# – Hướng dẫn từng bước](./render-html-to-png-in-c-step-by-step-guide/) Hướng dẫn chi tiết cách sử dụng Aspose.HTML cho .NET để chuyển đổi HTML thành ảnh PNG trong C#. +### [Cách tạo hình ảnh từ HTML bằng Aspose.HTML trong C#](./how-to-create-image-from-html-using-aspose-html-in-c/) +Hướng dẫn cách tạo hình ảnh từ HTML bằng Aspose.HTML trong C#. + ## Phần kết luận Tóm lại, Aspose.HTML for .NET cung cấp giải pháp mạnh mẽ và thân thiện với người dùng để tạo hình ảnh JPG và PNG từ nội dung HTML. Cho dù bạn là nhà phát triển dày dạn kinh nghiệm hay mới bắt đầu, các hướng dẫn này sẽ hướng dẫn bạn trong suốt quá trình. Tạo hình ảnh hấp dẫn trực quan, nổi bật và nâng cao dự án của bạn với Aspose.HTML for .NET. diff --git a/html/vietnamese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md b/html/vietnamese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md new file mode 100644 index 000000000..9aff0f5fb --- /dev/null +++ b/html/vietnamese/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/_index.md @@ -0,0 +1,229 @@ +--- +category: general +date: 2026-09-07 +description: Học cách tạo hình ảnh từ HTML bằng Aspose.HTML trong C#. Hướng dẫn từng + bước này cũng chỉ cách hiển thị HTML thành hình ảnh và chuyển đổi HTML sang PNG. +draft: false +images: +- PLACEHOLDER_URL/og-image.png +keywords: +- create image from html +- render html to image +- convert html to png +- save html as png +- set image width height +language: vi +lastmod: 2026-09-07 +og_description: Tạo hình ảnh từ HTML trong C# với Aspose.HTML. Hãy làm theo hướng + dẫn này để chuyển đổi HTML thành hình ảnh, chuyển HTML sang PNG và đặt chiều rộng, + chiều cao của hình ảnh để đạt kết quả hoàn hảo. +og_image_alt: Screenshot of a rendered PNG image generated from an HTML file using + Aspose.HTML +og_title: Tạo hình ảnh từ HTML trong C# – hướng dẫn đầy đủ Aspose.HTML +schemas: +- author: Aspose + dateModified: '2026-09-07' + description: Learn how to create image from HTML with Aspose.HTML in C#. This step‑by‑step + guide also shows how to render HTML to image and convert HTML to PNG. + headline: How to create image from HTML using Aspose.HTML in C# + type: TechArticle +tags: +- Aspose.HTML +- C# +- image rendering +title: Cách tạo hình ảnh từ HTML bằng Aspose.HTML trong C# +url: /vi/net/generate-jpg-and-png-images/how-to-create-image-from-html-using-aspose-html-in-c/ +--- + +{{< blocks/products/pf/main-wrap-class >}} +{{< blocks/products/pf/main-container >}} +{{< blocks/products/pf/tutorial-page-section >}} + +# Cách tạo hình ảnh từ HTML bằng Aspose.HTML trong C# + +Nếu bạn cần **tạo hình ảnh từ HTML** trong một ứng dụng .NET, hướng dẫn này sẽ chỉ cho bạn các bước chi tiết với Aspose.HTML. Bạn sẽ học cách **render HTML thành hình ảnh**, chọn PNG làm định dạng đầu ra, và kiểm soát kích thước đầu ra để hình ảnh hiển thị đúng như mong muốn. + +Bài tutorial bao gồm mọi thứ bạn cần: các gói NuGet bắt buộc, ví dụ mã hoàn chỉnh, giải thích từng tùy chọn, và mẹo tránh các lỗi phổ biến. Khi hoàn thành, bạn sẽ có thể **chuyển đổi HTML sang PNG**, **lưu HTML dưới dạng PNG**, và **đặt chiều rộng và chiều cao của hình ảnh** một cách lập trình. + +## Yêu cầu trước + +Trước khi bắt đầu, hãy chắc chắn rằng bạn đã có: + +* .NET 6.0 hoặc phiên bản mới hơn được cài đặt (mã cũng hoạt động với .NET 5 và .NET Framework 4.7+). +* Visual Studio 2022 (hoặc bất kỳ IDE nào hỗ trợ C#). +* Giấy phép Aspose.HTML for .NET hoặc khóa dùng thử miễn phí. Cài đặt gói qua NuGet: + +```bash +dotnet add package Aspose.HTML +``` + +* Một tệp HTML (`input.html`) mà bạn muốn chuyển thành hình ảnh. Đặt nó trong một thư mục có thể tham chiếu từ dự án của bạn. + +## Bước 1: Tải tài liệu HTML bạn muốn render + +Hoạt động đầu tiên là tạo một thể hiện `HTMLDocument` trỏ tới tệp nguồn của bạn. Aspose.HTML sẽ tự động đọc markup, CSS và các tài nguyên bên ngoài (hình ảnh, phông chữ). + +```csharp +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +// Load the HTML file from disk +var document = new HTMLDocument(@"C:\MyProject\Resources\input.html"); +``` + +*Lý do quan trọng:* Việc tải tài liệu tách việc phân tích cú pháp ra khỏi quá trình render, cho phép bạn tái sử dụng cùng một đối tượng `HTMLDocument` cho nhiều lần render (ví dụ: các kích thước hình ảnh khác nhau). + +## Bước 2: Cấu hình tùy chọn render hình ảnh (đặt chiều rộng chiều cao, định dạng, chất lượng) + +`ImageRenderingOptions` cho phép bạn tinh chỉnh đầu ra. Ở đây chúng ta bật anti‑aliasing, đặt phông chữ Arial đậm, bật text hinting, và **đặt chiều rộng và chiều cao của hình ảnh** thành 800 × 600 px. `ImageFormat` được đặt thành PNG, một định dạng không mất dữ liệu và được hỗ trợ rộng rãi. + +```csharp +var renderingOptions = new ImageRenderingOptions +{ + // Smooth graphics with anti‑aliasing + UseAntialiasing = true, + + // Font used when the HTML references a generic family (e.g., sans‑serif) + Font = new Font("Arial", 12, WebFontStyle.Bold), + + // Improves the clarity of rendered text + TextOptions = new TextOptions { UseHinting = true }, + + // Explicitly set the output dimensions – this is the “set image width height” part + Width = 800, + Height = 600, + + // Choose PNG as the output format – “convert HTML to PNG” + ImageFormat = ImageFormat.Png +}; +``` + +**Mẹo:** Nếu bạn bỏ qua `Width` và `Height`, Aspose.HTML sẽ sử dụng kích thước nội tại của HTML, có thể tạo ra hình ảnh quá lớn hoặc quá nhỏ. Luôn xác định kích thước khi bạn cần kết quả dự đoán được. + +## Bước 3: Tạo renderer với các tùy chọn đã cấu hình + +Lớp `ImageRenderer` thực hiện việc chuyển đổi thực tế. Việc truyền `renderingOptions` mà bạn vừa tạo vào đảm bảo renderer tuân theo các cài đặt của bạn. + +```csharp +var renderer = new ImageRenderer(renderingOptions); +``` + +*Lý do quan trọng:* Tách renderer ra khỏi các tùy chọn cho phép bạn tái sử dụng cùng một renderer cho các tài liệu khác nhau trong khi vẫn giữ một cấu hình duy nhất. + +## Bước 4: Render tài liệu HTML thành tệp PNG – “lưu HTML dưới dạng PNG” + +Bây giờ gọi `Render`, cung cấp tài liệu nguồn và đường dẫn tệp đích. Phương thức sẽ chặn cho đến khi hình ảnh được ghi ra đĩa. + +```csharp +// Render the HTML to a PNG file – “save HTML as PNG” +renderer.Render(document, @"C:\MyProject\Resources\output.png"); +``` + +Khi lệnh gọi hoàn tất, `output.png` sẽ chứa một bản chụp rasterized của `input.html`. Bạn có thể mở tệp bằng bất kỳ trình xem ảnh nào để kiểm tra kết quả. + +### Kết quả mong đợi + +Chạy chương trình đầy đủ sẽ tạo ra một tệp PNG với các thuộc tính sau: + +* **Kích thước:** 800 × 600 px (theo `Width`/`Height` đã đặt). +* **Định dạng:** PNG (không mất dữ liệu, hỗ trợ trong suốt). +* **Chất lượng hình ảnh:** Đồ họa anti‑aliased và văn bản được hint, giống như hiển thị của HTML trong trình duyệt hiện đại. + +## Ví dụ đầy đủ, có thể chạy ngay + +Dưới đây là toàn bộ chương trình mà bạn có thể sao chép vào một ứng dụng console (`Program.cs`). Điều chỉnh đường dẫn tệp cho phù hợp với môi trường của bạn. + +```csharp +using System; +using Aspose.Html; +using Aspose.Html.Rendering.Image; +using Aspose.Html.Drawing; + +namespace HtmlToPngDemo +{ + class Program + { + static void Main() + { + // 1️⃣ Load the HTML document + var htmlPath = @"C:\MyProject\Resources\input.html"; + var document = new HTMLDocument(htmlPath); + + // 2️⃣ Set rendering options – width, height, format, quality + var renderingOptions = new ImageRenderingOptions + { + UseAntialiasing = true, + Font = new Font("Arial", 12, WebFontStyle.Bold), + TextOptions = new TextOptions { UseHinting = true }, + Width = 800, // set image width + Height = 600, // set image height + ImageFormat = ImageFormat.Png + }; + + // 3️⃣ Create the renderer + var renderer = new ImageRenderer(renderingOptions); + + // 4️⃣ Render and save the PNG file + var outputPath = @"C:\MyProject\Resources\output.png"; + renderer.Render(document, outputPath); + + Console.WriteLine($"HTML has been rendered to image: {outputPath}"); + } + } +} +``` + +Chạy chương trình (`dotnet run` hoặc nhấn **F5** trong Visual Studio). Sau khi thực thi, mở `output.png` – bạn sẽ thấy trang đã được render đúng như HTML và CSS định nghĩa. + +## Các câu hỏi thường gặp và trường hợp đặc biệt + +| Câu hỏi | Trả lời | +|----------|--------| +| **Nếu HTML của tôi tham chiếu tới hình ảnh hoặc CSS bên ngoài thì sao?** | Aspose.HTML sẽ theo các đường dẫn tương đối từ vị trí của tệp HTML. Đảm bảo các tài nguyên này có thể truy cập được, hoặc sử dụng URL tuyệt đối. | +| **Có thể render sang JPEG thay vì PNG không?** | Có. Thay đổi `ImageFormat = ImageFormat.Jpeg` và tùy chọn đặt `JpegQuality` trong `ImageRenderingOptions`. | +| **Làm sao render nhiều trang từ một tệp HTML duy nhất?** | Sử dụng tính năng phân trang của `Document` (`document.Pages`) và gọi `renderer.Render(page, ...)` cho mỗi trang. | +| **Nếu tôi cần DPI cao hơn để in thì sao?** | Đặt `renderingOptions.DpiX` và `renderingOptions.DpiY` (ví dụ: 300) trước khi tạo renderer. | +| **Anti‑aliasing có bắt buộc đối với đồ họa vector không?** | Nó cải thiện độ mượt cho các đường và đường cong, nhưng bạn có thể tắt (`UseAntialiasing = false`) để tăng tốc render khi xử lý lượng lớn. | + +## Mẹo hiệu năng – tái sử dụng renderer + +Nếu bạn cần chuyển đổi nhiều tệp HTML trong một batch, hãy tạo một thể hiện `ImageRenderer` duy nhất và tái sử dụng nó: + +```csharp +var renderer = new ImageRenderer(renderingOptions); +foreach (var htmlFile in Directory.GetFiles(inputFolder, "*.html")) +{ + var doc = new HTMLDocument(htmlFile); + var outFile = Path.ChangeExtension(htmlFile, ".png"); + renderer.Render(doc, outFile); +} +``` + +Việc tái sử dụng renderer tránh việc cấp phát lại các tài nguyên nội bộ, giảm tải CPU và bộ nhớ. + +## Kết luận + +Bây giờ bạn đã biết cách **tạo hình ảnh từ HTML** bằng Aspose.HTML trong C#. Bằng cách thực hiện bốn bước—tải tài liệu, cấu hình tùy chọn render (bao gồm **đặt chiều rộng và chiều cao của hình ảnh**), tạo renderer, và cuối cùng **render HTML thành hình ảnh**—bạn có thể tin cậy **chuyển đổi HTML sang PNG** và **lưu HTML dưới dạng PNG** cho các thumbnail, preview email, hoặc quy trình tạo PDF. + +Tiếp theo, bạn có thể khám phá: + +* **render html to image** với các định dạng khác (JPEG, BMP, GIF). +* Thêm watermark hoặc overlay bằng `Graphics` sau khi render. +* Tích hợp chuyển đổi này vào một API ASP.NET Core để tạo hình ảnh theo yêu cầu. + +Hãy thoải mái thử nghiệm các tùy chọn, và để Aspose.HTML lo phần nặng cho bạn. Chúc lập trình vui vẻ! + +## Bạn Nên Học Gì Tiếp Theo? + + +Các tutorial sau đây đề cập đến các chủ đề liên quan chặt chẽ, xây dựng trên các kỹ thuật đã trình bày trong hướng dẫn này. Mỗi tài nguyên đều bao gồm mã mẫu đầy đủ với giải thích từng bước để giúp bạn nắm vững các tính năng API bổ sung và khám phá các cách triển khai thay thế trong dự án của mình. + +- [How to Use Aspose to Render HTML to PNG – Step‑by‑Step Guide](/html/english/net/rendering-html-documents/how-to-use-aspose-to-render-html-to-png-step-by-step-guide/) +- [HTML to Image Tutorial – Render HTML to PNG in C#](/html/english/net/generate-jpg-and-png-images/html-to-image-tutorial-render-html-to-png-in-c/) +- [Create PNG from HTML with Aspose.Html – Step‑by‑Step Guide](/html/english/net/generate-jpg-and-png-images/create-png-from-html-with-aspose-html-step-by-step-guide/) + +{{< /blocks/products/pf/tutorial-page-section >}} +{{< /blocks/products/pf/main-container >}} +{{< /blocks/products/pf/main-wrap-class >}} +{{< blocks/products/products-backtop-button >}} \ No newline at end of file