@jjlmoya/utils-converters 1.7.0 → 1.9.0

package/src/tool/svgAPng/i18n/ja.ts

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'svg-to-png-converter';
+const title = 'SVGをPNGにオンラインで無料で変換しましょう';
+const description =
+  'ブラウザでSVGベクトルファイルをPNGに変換します。2倍スケールのHD出力。透明度を維持。ファイルのアップロード不要。無料かつ100%プライベート。';
+
+const ui: ImageConverterUI = {
+  dragText: 'SVGファイルをドラッグ...',
+  convertText: '即座にPNGに変換します',
+  selectFiles: 'ファイルを選択',
+  processedFiles: '処理済みファイル',
+  downloadAll: 'すべてダウンロード (.zip)',
+  pending: '保留中',
+  bibliographyTitle: '参考文献',
+  faqTitle: 'よくある質問',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'なぜSVGファイルをPNGに変換する必要があるのですか？',
+    answer:
+      'SVGはベクトルベースでロゴには理想的ですが、ベクトルをサポートしていないアプリケーションで使用したり、メッセージングアプリやソーシャルメディアで共有したりするために、ラスタライズされたPNG形式が必要な場合があります。',
+  },
+  {
+    question: '出力サイズを選択できますか？',
+    answer:
+      '現在、出力されるPNGがRetinaや4K画面に適した鮮明なものになるよう、元のSVGのスケールを2倍にして出力しています。',
+  },
+  {
+    question: 'SVGの透明度は維持されますか？',
+    answer:
+      'はい、生成されたPNGは元のSVGのアルファチャネルを保持し、すべての透明な背景をそのまま維持します。',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'SVGファイルを挿入',
+    text: 'SVGファイルをドロップするか、上部のエリアに直接ドラッグしてください。',
+  },
+  {
+    name: 'HD PNGの生成',
+    text: '数ミリ秒以内に、当社のローカルエンジンが各ベクトルを透明PNG形式のHDピクセルレイヤーとして再構築します。',
+  },
+  {
+    name: 'ファイルをダウンロード',
+    text: '生成されたPNGを個別に、またはZIPパッケージとして保存してください。',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG仕様',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: SVGチュートリアル',
+    url: 'https://developer.mozilla.org/ja/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG to PNG 変換機：無限のベクトルから普遍的なラスタへ',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) はウェブデザインにとって完璧な選択肢です：無限にスケーラブルで軽量、そしてあらゆるコードエディタで編集可能です。しかし、そのロゴやアイコンをモバイルアプリで使用したり、ソーシャルメディアで共有したり、PowerPointプレゼンテーションに挿入したりしようとすると壁にぶつかります。これらのプラットフォームの多くはSVGをサポートしていません。 <strong>PNG</strong> 形式は普遍的なソリューションです：ラスタライズされており、アルファチャネルを持ち、絶対にあらゆる文脈で互換性があります。',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG：ウェブのためのベクトル、世界のためのラスタ',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVGは画像を数学的な命令として保存します。ベジェ曲線、グラデーション、多角形などがその例です。これは、同じファイルが16pxでも16,000pxでも完璧に見えることを意味します。ウェブコード、CSSアニメーション、および品質を損なうことなくさまざまな画面解像度に適応する必要があるあらゆる要素にとって理想的な形式です。',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNGは、各ピクセルの色と透明度の情報を含むピクセルグリッドとして画像を保存します。 <strong>可逆</strong> (lossless) 形式であり、品質が完全に保持されます。一度SVGがPNGにラスタライズされると、解像度は固定されます。そのため、適切なエクスポートサイズを選択することが重要です。当社のツールは、Retinaや4K画面での鮮明さを保証するために、2倍のスケール (2x) でレンダリングします。',
+  },
+  {
+    type: 'title',
+    text: '比較：ローカル変換 vs クラウド変換',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'クラウド変換機',
+        description: 'リモートサーバーにファイルをアップロードするツールです。',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'ユーザーのSVGコードが外部サーバーへ送信される',
+          '品質が一定しないリモートレンダリング',
+          'アップロードと処理の待機時間',
+          'SVGファイルサイズに関する制限',
+        ],
+      },
+      {
+        title: 'ローカルアーキテクチャ',
+        description: 'Vanilla JS技術を使用し、ユーザーのハードウェア上で直接処理します。',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'SVGデータがブラウザを離れることはありません',
+          '最大限の再現性を実現するブラウザネイティブエンジンのレンダリング',
+          '高密度画面用の2倍解像度PNG',
+          '完全なアルファチャネルにより透明度を維持',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: '技術的な仕組み',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'プロセスは、SVGファイルをJavaScriptの <strong>Image</strong> 要素に読み込むことから始まります。ブラウザエンジンがベクトルのXMLを解析してレンダリングすると、結果の画像が元のSVGサイズの2倍（2倍スケール）の <strong>HTML5 Canvas</strong> 上に描画されます。これにより、高解像度画面に最適な、各次元で2倍のピクセルを持つPNGが生成されます。',
+  },
+  {
+    type: 'paragraph',
+    html: 'JPGへの変換とは異なり、PNGにエクスポートする場合、キャンバスは完全なアルファチャネルを保持します。元のSVGの透明な領域は、生成されたPNGで完全に透明なピクセルになります。白い背景の塗りつぶしはありません。エクスポートには、可逆圧縮の <code>toDataURL(\'image/png\')</code> メソッドを使用します。',
+  },
+  {
+    type: 'tip',
+    title: 'ラスタライズする前のアドバイス',
+    html: 'PNGのエクスポートサイズは慎重に選択してください。SVGをラスタライズするのは一方向のプロセスです。生成されたPNGからベクトルを復元することはできません。常に元のSVGをマスターソースとして保持し、将来必要になる可能性のある最高の解像度でPNGを生成してください。',
+  },
+  {
+    type: 'title',
+    text: '活用事例と互換性',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'PowerPointやGoogleスライドでのプレゼン用にベクトルロゴをエクスポート。',
+      'iOS、Android、またはProgressive Web Apps用のPNGアイコンの作成。',
+      'Instagram、LinkedIn、またはその他のソーシャルメディアでSVGデザインを共有。',
+      'Word文書やPDFにベクトルイラストを挿入。',
+      'CMSプレビュー用にSVGグラフィックのPNGサムネイルを生成。',
+    ],
+  },
+  {
+    type: 'title',
+    text: '結論',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVGはベクトルの言語であり、PNGはデジタルの世界の残りの部分へのパスポートです。このツールは、デザインの1バイトも外部サーバーに送ることなく、ブラウザで直接、透明度を維持したままSVGを2倍の解像度でラスタライズします。',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'ja', faq, howTo }),
+};

package/src/tool/svgAPng/i18n/ko.ts

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'svg-to-png-converter';
+const title = 'SVG를 PNG로 온라인에서 무료로 변환하세요';
+const description =
+  '브라우저에서 SVG 벡터 파일을 PNG로 변환하세요. 2배 배율의 HD 출력. 투명도 유지. 파일 업로드 없음. 무료 및 100% 개인 정보 보호.';
+
+const ui: ImageConverterUI = {
+  dragText: 'SVG 파일을 드래그하세요...',
+  convertText: '즉시 PNG로 변환하려면',
+  selectFiles: '파일 선택',
+  processedFiles: '처리된 파일',
+  downloadAll: '모두 다운로드 (.zip)',
+  pending: '대기 중',
+  bibliographyTitle: '참고 문헌',
+  faqTitle: '자주 묻는 질문',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: '왜 SVG 파일을 PNG로 변환해야 하나요?',
+    answer:
+      'SVG는 벡터 기반이며 로고에 이상적이지만, 때로는 벡터를 지원하지 않는 애플리케이션에서 사용하거나 메시징 앱 또는 소셜 미디어를 통해 공유하기 위해 래스터화된 PNG 형식이 필요할 수 있습니다.',
+  },
+  {
+    question: '출력 크기를 선택할 수 있나요?',
+    answer:
+      '현재 소스 SVG의 배율을 두 배로 늘려 PNG 출력이 선명하고 Retina 또는 4K 화면에 적합하도록 하고 있습니다.',
+  },
+  {
+    question: 'SVG 투명도가 유지되나요?',
+    answer:
+      '예, 결과물인 PNG는 원본 SVG의 알파 채널을 보존하여 모든 투명 배경을 그대로 유지합니다.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'SVG 파일 넣기',
+    text: 'SVG 파일을 최상단 인터페이스 영역에 드래그하여 떨어뜨리세요.',
+  },
+  {
+    name: 'HD PNG 생성',
+    text: '수 밀리초 만에 로컬 엔진이 각 벡터를 투명 PNG 형식의 HD 픽셀 레이어로 레디할 것입니다.',
+  },
+  {
+    name: '파일 다운로드',
+    text: '생성된 PNG를 개별적으로 또는 ZIP 패키지로 저장하세요.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG 사양',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: SVG 튜토리얼',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG to PNG 변환기: 무한 벡터에서 보편적인 래스터로',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong>(Scalable Vector Graphics)는 가볍고 무한히 확장 가능하며 모든 코드 편집기로 편집할 수 있어 웹 디자인에 완벽한 선택입니다. 하지만 해당 로고나 아이콘을 모바일 앱에서 사용하거나 소셜 미디어에 공유하거나 PowerPoint 프레젠테이션에 삽입하려 할 때 벽에 부딪힙니다. 대부분의 이러한 플랫폼은 SVG를 지원하지 않기 때문입니다. <strong>PNG</strong> 형식은 래스터화되어 있고 알파 채널을 포함하며 절대적으로 모든 상황에서 호환되는 보편적인 솔루션입니다.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: 웹을 위한 벡터, 세상을 위한 래스터',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG는 이미지를 수학적 명령어로 저장합니다. 베지에 곡선, 그라데이션, 다각형 등이 그 예입니다. 이는 동일한 파일이 16px이나 16,000px에서 모두 완벽하게 보임을 의미합니다. 웹 코드, CSS 애니메이션 및 품질 저하 없이 다양한 화면 해상도에 적응해야 하는 모든 요소에 이상적인 형식입니다.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG는 각 픽셀에 대한 색상 및 투명도 정보가 포함된 픽셀 그리드로 이미지를 저장합니다. <strong>무손실</strong>(lossless) 형식으로 품질이 완전히 보존됩니다. SVG가 PNG로 래스터화되면 해상도가 고정됩니다. 이것이 올바른 내보내기 크기를 선택하는 것이 중요한 이유입니다. 당사의 도구는 Retina 및 4K 화면에서의 선명도를 보장하기 위해 2배 배율(2x)로 렌더링합니다.',
+  },
+  {
+    type: 'title',
+    text: '비교: 로컬 변환 vs 클라우드 변환',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: '클라우드 변환기',
+        description: '원격 서버로 파일을 업로드하는 도구입니다.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          '사용자의 SVG 코드가 외부 서버로 전송됨',
+          '일관되지 않은 품질의 원격 렌더링',
+          '업로드 및 처리 대기 시간 발생',
+          'SVG 파일 크기 제한 존재',
+        ],
+      },
+      {
+        title: '사용자 환경 로컬 아키텍처',
+        description: 'Vanilla JS 기술을 사용하여 하드웨어에서 직접 처리합니다.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'SVG 데이터가 브라우저를 벗어나지 않음',
+          '최대의 일치성을 위한 브라우저 네이티브 엔진 렌더링',
+          '고밀도 화면을 위한 2배 해상도 PNG',
+          '전체 알파 채널로 투명도 유지',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: '기술적 작동 원리',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: '프로세스는 SVG 파일을 JavaScript <strong>Image</strong> 요소에 로드하는 것으로 시작합니다. 브라우저 엔진이 벡터 XML을 파싱하고 렌더링하면 결과 이미지가 원래 SVG 크기의 두 배(2배 배율)인 <strong>HTML5 Canvas</strong> 위에 그려집니다. 이를 통해 고해상도 화면에 이상적인, 각 치수당 두 배의 픽셀을 가진 PNG가 생성됩니다.',
+  },
+  {
+    type: 'paragraph',
+    html: 'JPG로의 변환과 달리 PNG로 내보낼 때는 캔버스가 전체 알파 채널을 유지합니다. 원본 SVG의 투명한 영역은 결과 PNG에서 완전히 투명한 픽셀이 되며 흰색 배경 채우기가 없습니다. 내보내기에는 무손실 압축 방식의 <code>toDataURL(\'image/png\')</code> 메서드가 사용됩니다.',
+  },
+  {
+    type: 'tip',
+    title: '래스터화 전 팁',
+    html: 'PNG 내보내기 크기를 신중하게 선택하세요. SVG를 래스터화하는 것은 일방통행 프로세스입니다. 결과 PNG에서 벡터를 복구할 수 없습니다. 항상 원본 SVG를 마스터 소스로 보관하고, 필요할 수 있는 가장 높은 해상도로 PNG를 생성하세요.',
+  },
+  {
+    type: 'title',
+    text: '활용 사례 및 호환성',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'PowerPoint 또는 Google 슬라이드 프레젠테이션용 벡터 로고 내보내기.',
+      'iOS, Android 또는 프로그레시브 웹 앱용 PNG 아이콘 생성.',
+      'Instagram, LinkedIn 또는 기타 소셜 미디어에 SVG 디자인 공유.',
+      'Word 문서나 PDF에 벡터 일러스트레이션 삽입.',
+      'CMS 미리보기를 위한 SVG 그래픽의 PNG 썸네일 생성.',
+    ],
+  },
+  {
+    type: 'title',
+    text: '결론',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG는 벡터의 언어이고, PNG는 디지털 세계의 나머지 부분으로 통하는 여권입니다. 이 도구는 디자인의 단 1바이트도 외부 서버로 전송하지 않고 브라우저에서 직접 투명도가 유지된 상태로 SVG를 2배 해상도로 래스터화합니다.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'ko', faq, howTo }),
+};

package/src/tool/svgAPng/i18n/nl.ts

@@ -0,0 +1,178 @@
+import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
+import { generateSchemas } from '../../../shared/logic/schemas';
+import type { SvgAPngLocaleContent } from '../index';
+
+const slug = 'svg-naar-png-converter';
+const title = 'Converteer SVG naar PNG Online en Gratis';
+const description =
+  'Converteer SVG-vectorbestanden naar PNG in je browser. Dubbel geschaalde HD-output. Behoudt transparantie. Gratis en 100% privé.';
+
+const ui: ImageConverterUI = {
+  dragText: 'Sleep SVG-bestanden...',
+  convertText: 'Om ze direct naar PNG te converteren',
+  selectFiles: 'Bestanden selecteren',
+  processedFiles: 'Verwerkte bestanden',
+  downloadAll: 'Alles downloaden (.zip)',
+  pending: 'In afwachting',
+  bibliographyTitle: 'Bibliografische Referenties',
+  faqTitle: 'Veelgestelde Vragen',
+};
+
+const faq: SvgAPngLocaleContent['faq'] = [
+  {
+    question: 'Waarom SVG-bestanden naar PNG converteren?',
+    answer:
+      'SVG is op vectoren gebaseerd en ideaal voor logo\'s, maar soms heb je het gerasterde PNG-formaat nodig voor gebruik in applicaties die geen vectoren ondersteunen, of om te delen via messaging-apps of sociale media.',
+  },
+  {
+    question: 'Kan ik de uitvoergrootte kiezen?',
+    answer:
+      'We verdubbelen momenteel de schaal van de bron-SVG, zodat de PNG-uitvoer scherp is en geschikt voor Retina- of 4K-schermen.',
+  },
+  {
+    question: 'Blijven SVG-transparanties behouden?',
+    answer:
+      'Ja, de resulterende PNG behoudt het alfakanaal van de originele SVG, waardoor alle transparante achtergronden intact blijven.',
+  },
+];
+
+const howTo: SvgAPngLocaleContent['howTo'] = [
+  {
+    name: 'Voeg je SVG-bestanden toe',
+    text: 'Sleep je SVG-bestanden rechtstreeks naar het bovenste gedeelte.',
+  },
+  {
+    name: 'HD PNG Generatie',
+    text: 'Binnen milliseconden zal onze lokale engine elke vector herscheppen als een HD-pixellaag in transparant PNG-formaat.',
+  },
+  {
+    name: 'Download de bestanden',
+    text: 'Sla de gegenereerde PNG\'s afzonderlijk op of als een ZIP-pakket.',
+  },
+];
+
+const bibliography: SvgAPngLocaleContent['bibliography'] = [
+  {
+    name: 'W3C SVG Specificatie',
+    url: 'https://www.w3.org/TR/SVG/',
+  },
+  {
+    name: 'Mozilla: SVG Tutorial',
+    url: 'https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial',
+  },
+];
+
+const seo: SvgAPngLocaleContent['seo'] = [
+  {
+    type: 'title',
+    text: 'SVG naar PNG Converter: Van oneindige vector naar universeel raster',
+    level: 2,
+  },
+  {
+    type: 'paragraph',
+    html: '<strong>SVG</strong> (Scalable Vector Graphics) is de perfecte keuze voor webdesign: oneindig schaalbaar, lichtgewicht en bewerkbaar met elke code-editor. Maar wanneer je dat logo of pictogram wilt gebruiken in een mobiele app, het wilt delen op sociale media of wilt invoegen in een PowerPoint presentatie, loop je tegen een muur aan: de meeste van deze platforms ondersteunen geen SVG. Het <strong>PNG</strong>-formaat is de universele oplossing: gerasterd, met een alfakanaal en compatibel in absoluut elke context.',
+  },
+  {
+    type: 'title',
+    text: 'SVG vs PNG: Vectoren voor het web, raster voor de wereld',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG slaat de afbeelding op als wiskundige instructies: een Bézier curve, een verloop, een polygoon. Dit betekent dat hetzelfde bestand er perfect uitziet op 16px of 16.000px. Het is het ideale formaat voor je webcode, CSS-animaties en elk element dat zich moet aanpassen aan verschillende schermresoluties zonder kwaliteitsverlies.',
+  },
+  {
+    type: 'paragraph',
+    html: 'PNG slaat de afbeelding op als een pixelraster met kleur- en transparantie-informatie voor elke pixel. Het is een <strong>lossless</strong> formaat, wat betekent dat de kwaliteit volledig behouden blijft. Zodra een SVG is gerasterd naar PNG, ligt de resolutie vast. Daarom is het kiezen van de juiste exportgrootte cruciaal: onze tool rendert op dubbele schaal (2x) om scherpte op Retina- en 4K-schermen te garanderen.',
+  },
+  {
+    type: 'title',
+    text: 'Vergelijking: Lokale vs Cloud-conversie',
+    level: 3,
+  },
+  {
+    type: 'comparative',
+    items: [
+      {
+        title: 'Cloud Converters',
+        description: 'Tools die je bestanden uploaden naar een externe server.',
+        icon: 'mdi:cloud-upload',
+        pointIcon: 'mdi:close-circle-outline',
+        points: [
+          'Je SVG-code reist naar externe servers',
+          'Remote rendering met inconsistente kwaliteit',
+          'Wachttijd voor uploaden en verwerken',
+          'Beperkingen op de grootte van het SVG-bestand',
+        ],
+      },
+      {
+        title: 'Onze Lokale Architectuur',
+        description: 'Directe verwerking op je eigen hardware met Vanilla JS-technologie.',
+        icon: 'mdi:laptop-mac',
+        highlight: true,
+        points: [
+          'Je SVG verlaat nooit je browser',
+          'Gebruik van de eigen browser-engine voor maximale getrouwheid',
+          '2x resolutie PNG voor schermen met hoge dichtheid',
+          'Transparantie behouden met volledig alfakanaal',
+        ],
+      },
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Hoe het technisch werkt',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'Het proces begint met het laden van het SVG-bestand in een JavaScript <strong>Image</strong>-element. Zodra de browser-engine de vector-XML heeft geanalyseerd en gerenderd, wordt de resulterende afbeelding getekend op een <strong>HTML5 Canvas</strong> waarvan de afmetingen dubbel zo groot zijn als de originele SVG-grootte (2x schaal). Dit produceert een PNG met twee keer zoveel pixels per dimensie, ideaal voor schermen met een hoge resolutie.',
+  },
+  {
+    type: 'paragraph',
+    html: 'In tegenstelling tot conversie naar JPG, behoudt het canvas bij het exporteren naar PNG het volledige alfakanaal: transparante gebieden in de originele SVG worden volledig transparante pixels in de resulterende PNG — geen witte achtergrondvulling. De export maakt gebruik van de methote <code>toDataURL(\'image/png\')</code> met lossless compressie.',
+  },
+  {
+    type: 'tip',
+    title: 'Tip voor het rasteren',
+    html: 'Kies je PNG-exportgrootte zorgvuldig — het rasteren van een SVG is een eenrichtingsproces: je kunt de vectoren niet herstellen uit de resulterende PNG. Bewaar altijd de originele SVG als bronbestand en genereer PNG\'s met de hoogste resolutie die je ooit nodig zou kunnen hebben.',
+  },
+  {
+    type: 'title',
+    text: 'Toepassingen en compatibiliteit',
+    level: 3,
+  },
+  {
+    type: 'list',
+    icon: 'mdi:check-circle',
+    items: [
+      'Vektorlogo\'s exporteren voor PowerPoint of Google Slides presentaties.',
+      'PNG-pictogrammen maken voor iOS, Android of Progressive Web Apps.',
+      'SVG-ontwerpen delen op Instagram, LinkedIn of andere sociale media.',
+      'Vektorillustraties invoegen in Word-documenten of PDF\'s.',
+      'PNG-miniaturen van SVG-afbeeldingen genereren voor CMS-voorbeeld.',
+    ],
+  },
+  {
+    type: 'title',
+    text: 'Conclusie',
+    level: 3,
+  },
+  {
+    type: 'paragraph',
+    html: 'SVG is de taal van vectoren; PNG is het paspoort naar de rest van de digitale wereld. Deze tool rastert je SVG\'s op 2x resolutie met behoud van transparantie rechtstreeks in je browser, zonder dat er een enkele byte van je ontwerp naar een externe server reist.',
+  },
+];
+
+
+export const content: SvgAPngLocaleContent = {
+  slug,
+  title,
+  description,
+  ui,
+  seo,
+  faq,
+  bibliography,
+  howTo,
+  schemas: generateSchemas({ title, description, inLanguage: 'nl', faq, howTo }),
+};