@jjlmoya/utils-converters 1.25.0 → 1.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/package.json +2 -2
  2. package/src/category/i18n/de.ts +1 -1
  3. package/src/category/i18n/en.ts +1 -1
  4. package/src/category/i18n/fr.ts +1 -1
  5. package/src/category/i18n/id.ts +1 -1
  6. package/src/category/i18n/it.ts +1 -1
  7. package/src/category/i18n/nl.ts +1 -1
  8. package/src/category/i18n/pl.ts +1 -1
  9. package/src/category/i18n/pt.ts +1 -1
  10. package/src/category/i18n/sv.ts +1 -1
  11. package/src/tests/bibliography_wellformed_export.test.ts +46 -0
  12. package/src/tests/category_seo_quality.test.ts +74 -0
  13. package/src/tests/faq_count.test.ts +1 -1
  14. package/src/tests/no_h1_in_components.test.ts +1 -1
  15. package/src/tests/seo_parity.test.ts +2 -2
  16. package/src/tests/seo_wellformed_export.test.ts +65 -0
  17. package/src/tests/tool_validation.test.ts +15 -15
  18. package/src/tool/avifAJpg/i18n/en.ts +164 -164
  19. package/src/tool/avifAJpg/i18n/es.ts +164 -164
  20. package/src/tool/avifAJpg/i18n/fr.ts +164 -164
  21. package/src/tool/avifAJpg/i18n/ja.ts +166 -166
  22. package/src/tool/avifAJpg/i18n/ko.ts +166 -166
  23. package/src/tool/avifAJpg/i18n/zh.ts +166 -166
  24. package/src/tool/avifAJpg/seo.astro +15 -15
  25. package/src/tool/avifAPng/i18n/en.ts +164 -164
  26. package/src/tool/avifAPng/i18n/es.ts +164 -164
  27. package/src/tool/avifAPng/i18n/fr.ts +164 -164
  28. package/src/tool/avifAPng/i18n/ja.ts +166 -166
  29. package/src/tool/avifAPng/i18n/ko.ts +166 -166
  30. package/src/tool/avifAPng/i18n/zh.ts +166 -166
  31. package/src/tool/avifAPng/seo.astro +15 -15
  32. package/src/tool/avifAWebp/i18n/en.ts +164 -164
  33. package/src/tool/avifAWebp/i18n/es.ts +164 -164
  34. package/src/tool/avifAWebp/i18n/fr.ts +164 -164
  35. package/src/tool/avifAWebp/i18n/ja.ts +166 -166
  36. package/src/tool/avifAWebp/i18n/ko.ts +166 -166
  37. package/src/tool/avifAWebp/i18n/zh.ts +166 -166
  38. package/src/tool/avifAWebp/seo.astro +15 -15
  39. package/src/tool/bmpAJpg/i18n/en.ts +164 -164
  40. package/src/tool/bmpAJpg/i18n/es.ts +164 -164
  41. package/src/tool/bmpAJpg/i18n/fr.ts +164 -164
  42. package/src/tool/bmpAJpg/i18n/ja.ts +166 -166
  43. package/src/tool/bmpAJpg/i18n/ko.ts +166 -166
  44. package/src/tool/bmpAJpg/i18n/zh.ts +166 -166
  45. package/src/tool/bmpAJpg/seo.astro +15 -15
  46. package/src/tool/bmpAPng/i18n/en.ts +164 -164
  47. package/src/tool/bmpAPng/i18n/es.ts +164 -164
  48. package/src/tool/bmpAPng/i18n/fr.ts +164 -164
  49. package/src/tool/bmpAPng/i18n/ja.ts +165 -165
  50. package/src/tool/bmpAPng/i18n/ko.ts +165 -165
  51. package/src/tool/bmpAPng/i18n/zh.ts +165 -165
  52. package/src/tool/bmpAPng/seo.astro +15 -15
  53. package/src/tool/bmpAWebp/i18n/en.ts +164 -164
  54. package/src/tool/bmpAWebp/i18n/es.ts +164 -164
  55. package/src/tool/bmpAWebp/i18n/fr.ts +164 -164
  56. package/src/tool/bmpAWebp/i18n/ja.ts +166 -166
  57. package/src/tool/bmpAWebp/i18n/ko.ts +166 -166
  58. package/src/tool/bmpAWebp/i18n/zh.ts +166 -166
  59. package/src/tool/bmpAWebp/seo.astro +15 -15
  60. package/src/tool/gifAJpg/i18n/en.ts +164 -164
  61. package/src/tool/gifAJpg/i18n/es.ts +164 -164
  62. package/src/tool/gifAJpg/i18n/fr.ts +164 -164
  63. package/src/tool/gifAJpg/i18n/ja.ts +166 -166
  64. package/src/tool/gifAJpg/i18n/ko.ts +166 -166
  65. package/src/tool/gifAJpg/i18n/zh.ts +166 -166
  66. package/src/tool/gifAJpg/seo.astro +15 -15
  67. package/src/tool/gifAPng/i18n/en.ts +164 -164
  68. package/src/tool/gifAPng/i18n/es.ts +164 -164
  69. package/src/tool/gifAPng/i18n/fr.ts +164 -164
  70. package/src/tool/gifAPng/i18n/ja.ts +166 -166
  71. package/src/tool/gifAPng/i18n/ko.ts +166 -166
  72. package/src/tool/gifAPng/i18n/zh.ts +166 -166
  73. package/src/tool/gifAPng/seo.astro +15 -15
  74. package/src/tool/gifAWebp/i18n/en.ts +164 -164
  75. package/src/tool/gifAWebp/i18n/es.ts +164 -164
  76. package/src/tool/gifAWebp/i18n/fr.ts +164 -164
  77. package/src/tool/gifAWebp/i18n/ja.ts +166 -166
  78. package/src/tool/gifAWebp/i18n/ko.ts +166 -166
  79. package/src/tool/gifAWebp/i18n/zh.ts +166 -166
  80. package/src/tool/gifAWebp/seo.astro +15 -15
  81. package/src/tool/imagenBase64/i18n/en.ts +154 -154
  82. package/src/tool/imagenBase64/i18n/es.ts +154 -154
  83. package/src/tool/imagenBase64/i18n/fr.ts +154 -154
  84. package/src/tool/imagenBase64/seo.astro +15 -15
  85. package/src/tool/jpgAIco/seo.astro +15 -15
  86. package/src/tool/jpgAPng/i18n/en.ts +164 -164
  87. package/src/tool/jpgAPng/i18n/es.ts +164 -164
  88. package/src/tool/jpgAPng/i18n/fr.ts +164 -164
  89. package/src/tool/jpgAPng/i18n/ja.ts +166 -166
  90. package/src/tool/jpgAPng/i18n/ko.ts +166 -166
  91. package/src/tool/jpgAPng/i18n/zh.ts +166 -166
  92. package/src/tool/jpgAPng/seo.astro +15 -15
  93. package/src/tool/jpgAWebp/i18n/en.ts +164 -164
  94. package/src/tool/jpgAWebp/i18n/es.ts +164 -164
  95. package/src/tool/jpgAWebp/i18n/fr.ts +164 -164
  96. package/src/tool/jpgAWebp/seo.astro +15 -15
  97. package/src/tool/pngAIco/seo.astro +15 -15
  98. package/src/tool/pngAJpg/i18n/de.ts +21 -21
  99. package/src/tool/pngAJpg/i18n/es.ts +177 -177
  100. package/src/tool/pngAJpg/i18n/fr.ts +137 -137
  101. package/src/tool/pngAJpg/i18n/id.ts +89 -89
  102. package/src/tool/pngAJpg/i18n/it.ts +89 -89
  103. package/src/tool/pngAJpg/i18n/ko.ts +177 -177
  104. package/src/tool/pngAJpg/i18n/nl.ts +20 -20
  105. package/src/tool/pngAJpg/i18n/pl.ts +89 -89
  106. package/src/tool/pngAJpg/i18n/pt.ts +89 -89
  107. package/src/tool/pngAJpg/i18n/ru.ts +177 -177
  108. package/src/tool/pngAJpg/i18n/sv.ts +89 -89
  109. package/src/tool/pngAJpg/i18n/tr.ts +89 -89
  110. package/src/tool/pngAJpg/seo.astro +15 -15
  111. package/src/tool/pngAWebp/i18n/en.ts +164 -164
  112. package/src/tool/pngAWebp/i18n/es.ts +164 -164
  113. package/src/tool/pngAWebp/i18n/fr.ts +164 -164
  114. package/src/tool/pngAWebp/seo.astro +15 -15
  115. package/src/tool/svgAJpg/i18n/fr.ts +164 -164
  116. package/src/tool/svgAJpg/seo.astro +15 -15
  117. package/src/tool/svgAPng/i18n/fr.ts +164 -164
  118. package/src/tool/svgAPng/seo.astro +15 -15
  119. package/src/tool/webpAIco/seo.astro +15 -15
  120. package/src/tool/webpAJpg/seo.astro +15 -15
  121. package/src/tool/webpAPng/bibliography.ts +13 -13
  122. package/src/tool/webpAPng/i18n/de.ts +166 -166
  123. package/src/tool/webpAPng/i18n/es.ts +171 -171
  124. package/src/tool/webpAPng/i18n/fr.ts +166 -166
  125. package/src/tool/webpAPng/i18n/id.ts +166 -166
  126. package/src/tool/webpAPng/i18n/it.ts +166 -166
  127. package/src/tool/webpAPng/i18n/nl.ts +166 -166
  128. package/src/tool/webpAPng/i18n/pl.ts +166 -166
  129. package/src/tool/webpAPng/i18n/pt.ts +166 -166
  130. package/src/tool/webpAPng/i18n/ru.ts +166 -166
  131. package/src/tool/webpAPng/i18n/sv.ts +166 -166
  132. package/src/tool/webpAPng/i18n/tr.ts +167 -167
  133. package/src/tool/webpAPng/seo.astro +15 -15
@@ -1,168 +1,168 @@
1
1
  import { bibliography } from '../bibliography';
2
- import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
3
- import { generateSchemas } from '../../../shared/logic/schemas';
4
- import type { WebpAPngLocaleContent } from '../index';
5
-
6
- const slug = 'webp-zu-png-konverter';
7
- const title = 'WebP zu PNG Konverter Online und Kostenlos';
8
- const description =
9
- 'Konvertieren Sie WebP-Bilder in Ihrem Browser in PNG. Erhält die Transparenz. Kein Hochladen von Dateien auf Server. Kostenlos und 100 % privat.';
10
-
11
- const ui: ImageConverterUI = {
12
- dragText: 'WebP-Dateien hierher ziehen...',
13
- convertText: 'Um sie sofort in PNG zu konvertieren',
14
- selectFiles: 'Dateien auswählen',
15
- processedFiles: 'Verarbeitete Dateien',
16
- downloadAll: 'Alles herunterladen (.zip)',
2
+ import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
3
+ import { generateSchemas } from '../../../shared/logic/schemas';
4
+ import type { WebpAPngLocaleContent } from '../index';
5
+
6
+ const slug = 'webp-zu-png-konverter';
7
+ const title = 'WebP zu PNG Konverter Online und Kostenlos';
8
+ const description =
9
+ 'Konvertieren Sie WebP-Bilder in Ihrem Browser in PNG. Erhält die Transparenz. Kein Hochladen von Dateien auf Server. Kostenlos und 100 % privat.';
10
+
11
+ const ui: ImageConverterUI = {
12
+ dragText: 'WebP-Dateien hierher ziehen...',
13
+ convertText: 'Um sie sofort in PNG zu konvertieren',
14
+ selectFiles: 'Dateien auswählen',
15
+ processedFiles: 'Verarbeitete Dateien',
16
+ downloadAll: 'Alles herunterladen (.zip)',
17
17
  pending: 'Ausstehend',
18
- bibliographyTitle: 'Literaturhinweise',
19
- faqTitle: 'Häufig gestellte Fragen',
20
- };
21
-
22
- const faq: WebpAPngLocaleContent['faq'] = [
23
- {
24
- question: 'Warum muss ich meine WebP-Dateien in PNG konvertieren?',
25
- answer:
26
- 'Obwohl WebP-Dateien leichter sind, können sie in Bearbeitungsprogrammen wie älteren Photoshop-Versionen Inkompatibilitäten verursachen. PNG gewährleistet eine 100 % universelle Kompatibilität.',
27
- },
28
- {
29
- question: 'Gehen Transparenzen bei der Konvertierung von WebP zu PNG verloren?',
30
- answer:
31
- 'Keineswegs. Im Gegensatz zur Konvertierung in JPG unterstützt PNG den Alpha-Kanal. Unser Tool bewahrt alle transparenten Bereiche der Originaldatei.',
32
- },
33
- {
34
- question: 'Kann ich vertrauliche Unternehmensdateien hochladen?',
35
- answer:
36
- 'Das können und sollten Sie. Da alles lokal über JavaScript läuft, verlassen Ihre Unternehmensbilder niemals Ihren Computer und werden nicht auf externen Servern gespeichert.',
37
- },
38
- ];
39
-
40
- const howTo: WebpAPngLocaleContent['howTo'] = [
41
- {
42
- name: 'WebP-Dateien ziehen',
43
- text: 'Ziehen Sie Ihre WebP-Dateien in das Hauptfenster oder wählen Sie die Bilder auf herkömmliche Weise aus.',
44
- },
45
- {
46
- name: 'High Fidelity Konvertierung',
47
- text: 'Ihr Browser zeichnet das Bild Pixel für Pixel neu und generiert eine exakte Kopie im PNG-Format, wobei der ursprüngliche Farbraum erhalten bleibt.',
48
- },
49
- {
50
- name: 'Einzel- oder Batch-Download',
51
- text: 'Speichern Sie jede Datei einzeln oder, wenn Sie einen Stapel verarbeitet haben, klicken Sie auf die ZIP-Schaltfläche, um alle zusammen herunterzuladen.',
52
- },
53
- ];
54
-
55
- const seo: WebpAPngLocaleContent['seo'] = [
56
- {
57
- type: 'title',
58
- text: 'WebP zu PNG Konverter: Die professionelle Wahl für Bearbeitung und Design',
59
- level: 2,
60
- },
61
- {
62
- type: 'paragraph',
63
- html: 'Wenn ein Designer eine Grafik im <strong>WebP</strong>-Format herunterlädt und versucht, sie in Photoshop, Figma oder Illustrator zu öffnen, kann das Ergebnis frustrierend sein: Die Datei lässt sich nicht laden oder verliert an Qualität. Das <strong>PNG</strong>-Format ist der unangefochtene Standard der professionellen Bearbeitung: verlustfreie Kompression, vollständiger Alpha-Kanal und garantierte Kompatibilität über die gesamte kreative Produktionskette hinweg.',
64
- },
65
- {
66
- type: 'title',
67
- text: 'WebP für das Web, PNG für das Studio',
68
- level: 3,
69
- },
70
- {
71
- type: 'paragraph',
72
- html: 'WebP ist ein Web-Produktionsformat: Seine Kompressionsalgorithmen sind darauf optimiert, das Übertragungsgewicht zu reduzieren, nicht darauf, maximale Originaltreue über iterative Bearbeitungs-Workflows hinweg zu bewahren. Jedes Mal, wenn Sie eine bearbeitete WebP-Datei speichern, wendet der Codec die Kompression erneut an. Bei Projekten, bei denen eine Datei oft geändert wird, bedeutet dies eine kumulative Qualitätsverschlechterung.',
73
- },
74
- {
75
- type: 'paragraph',
76
- html: 'PNG verwendet eine <strong>verlustfreie Kompression</strong>: Alle Pixeldaten bleiben vollständig erhalten, egal wie oft Sie die Datei speichern. Es ist das Format der Wahl für UI/UX Designer, digitale Illustratoren und Branding-Teams, die die visuelle Integrität über Dutzende von Revisionen hinweg wahren müssen. Tools wie Photoshop, Figma, Sketch und Illustrator behandeln PNG als ihr primäres Exportformat.',
77
- },
78
- {
79
- type: 'title',
80
- text: 'Vergleich: Lokale vs Cloud Konvertierung',
81
- level: 3,
82
- },
83
- {
84
- type: 'comparative',
85
- items: [
86
- {
87
- title: 'Cloud Konverter',
88
- description: 'Tools, die Ihre Dateien auf einen Remote-Server hochladen.',
89
- icon: 'mdi:cloud-upload',
90
- pointIcon: 'mdi:close-circle-outline',
91
- points: [
92
- 'Ihre Design-Assets werden auf Servern Dritter gespeichert',
93
- 'Langsame Remote-Verarbeitung bei großen Dateien',
94
- 'Risiko von Datenlecks bei vertraulichen Kundenprojekten',
95
- 'Batch Konvertierung oft eingeschränkt oder kostenpflichtig',
96
- ],
97
- },
98
- {
99
- title: 'Unsere lokale Architektur',
100
- description: 'Direkte Verarbeitung auf Ihrer Hardware mittels Vanilla JS-Technologie.',
101
- icon: 'mdi:laptop-mac',
102
- highlight: true,
103
- points: [
104
- 'Ihre Designs verlassen niemals Ihren Rechner',
105
- 'Dutzende Dateien sofort per Batch konvertieren',
106
- 'Vollständiger Erhalt des Alpha-Kanals und Farbraums',
107
- 'Absolute Privatsphäre für Kundenprojekte',
108
- ],
109
- },
110
- ],
111
- },
112
- {
113
- type: 'title',
114
- text: 'Wie es technisch funktioniert',
115
- level: 3,
116
- },
117
- {
118
- type: 'paragraph',
119
- html: 'Moderne Browser können WebP nativ dekodieren. Unser Tool nutzt diese Fähigkeit, um die Datei in ein JavaScript-<strong>Image</strong>-Element zu laden und sie dann auf ein HTML5-Canvas mit denselben Abmessungen wie das Original zu zeichnen. Im Gegensatz zur Konvertierung in JPG ist hier keine Hintergrundfüllung erforderlich: Das Canvas behält den vollständigen Alpha-Kanal bei.',
120
- },
121
- {
122
- type: 'paragraph',
123
- html: 'Der finale Export erfolgt über die Methode <code>toDataURL(\'image/png\')</code>, die ein verlustfreies, originalgetreues PNG generiert. Das Ergebnis ist eine Datei, die ohne Zwischenschritte, Farbverlust oder Transparenzverlust direkt in jede professionelle Design-Software importiert werden kann.',
124
- },
125
- {
126
- type: 'tip',
127
- title: 'Tipp für Editoren',
128
- html: 'Verwenden Sie PNG, wenn Sie das Bild weiter bearbeiten müssen. Die verlustfreie Kompression garantiert, dass durch wiederholtes Speichern keine Qualitätsverluste entstehen - entscheidend bei der Arbeit mit Ebenen, Masken oder Farbanpassungen in Photoshop oder Figma.',
129
- },
130
- {
131
- type: 'title',
132
- text: 'Anwendungsfälle und Kompatibilität',
133
- level: 3,
134
- },
135
- {
136
- type: 'list',
137
- icon: 'mdi:check-circle',
138
- items: [
139
- 'Importieren von WebP-Assets in Photoshop, Figma, Sketch oder Illustrator.',
140
- 'Erhalt der Transparenz bei Logos und Icons für die Verwendung auf verschiedenen Hintergründen.',
141
- 'Erstellen von Master-Kopien von Grafiken für langfristige Projekte.',
142
- 'Exportieren von Assets für mobile Apps, die PNG mit Alpha-Kanal erfordern.',
143
- 'Verwendung von Bildern in Design-Mockups und Präsentationen mit variablen Hintergründen.',
144
- ],
145
- },
146
- {
147
- type: 'title',
148
- text: 'Fazit',
149
- level: 3,
150
- },
151
- {
152
- type: 'paragraph',
153
- html: 'Wenn WebP das Format für Webserver ist, dann ist PNG das Format für das Designstudio. Dieses Tool konvertiert Ihre WebP-Assets in produktionsbereite PNGs mit intakter Transparenz und maximaler Qualität - alles in Ihrem Browser und ohne dass Ihre Dateien jemals Ihren Rechner verlassen.',
154
- },
155
- ];
156
-
157
-
158
- export const content: WebpAPngLocaleContent = {
159
- slug,
160
- title,
161
- description,
162
- ui,
163
- seo,
164
- faq,
165
- bibliography,
166
- howTo,
167
- schemas: generateSchemas({ title, description, inLanguage: 'de', faq, howTo }),
168
- };
18
+ bibliographyTitle: 'Literaturhinweise',
19
+ faqTitle: 'Häufig gestellte Fragen',
20
+ };
21
+
22
+ const faq: WebpAPngLocaleContent['faq'] = [
23
+ {
24
+ question: 'Warum muss ich meine WebP-Dateien in PNG konvertieren?',
25
+ answer:
26
+ 'Obwohl WebP-Dateien leichter sind, können sie in Bearbeitungsprogrammen wie älteren Photoshop-Versionen Inkompatibilitäten verursachen. PNG gewährleistet eine 100 % universelle Kompatibilität.',
27
+ },
28
+ {
29
+ question: 'Gehen Transparenzen bei der Konvertierung von WebP zu PNG verloren?',
30
+ answer:
31
+ 'Keineswegs. Im Gegensatz zur Konvertierung in JPG unterstützt PNG den Alpha-Kanal. Unser Tool bewahrt alle transparenten Bereiche der Originaldatei.',
32
+ },
33
+ {
34
+ question: 'Kann ich vertrauliche Unternehmensdateien hochladen?',
35
+ answer:
36
+ 'Das können und sollten Sie. Da alles lokal über JavaScript läuft, verlassen Ihre Unternehmensbilder niemals Ihren Computer und werden nicht auf externen Servern gespeichert.',
37
+ },
38
+ ];
39
+
40
+ const howTo: WebpAPngLocaleContent['howTo'] = [
41
+ {
42
+ name: 'WebP-Dateien ziehen',
43
+ text: 'Ziehen Sie Ihre WebP-Dateien in das Hauptfenster oder wählen Sie die Bilder auf herkömmliche Weise aus.',
44
+ },
45
+ {
46
+ name: 'High Fidelity Konvertierung',
47
+ text: 'Ihr Browser zeichnet das Bild Pixel für Pixel neu und generiert eine exakte Kopie im PNG-Format, wobei der ursprüngliche Farbraum erhalten bleibt.',
48
+ },
49
+ {
50
+ name: 'Einzel- oder Batch-Download',
51
+ text: 'Speichern Sie jede Datei einzeln oder, wenn Sie einen Stapel verarbeitet haben, klicken Sie auf die ZIP-Schaltfläche, um alle zusammen herunterzuladen.',
52
+ },
53
+ ];
54
+
55
+ const seo: WebpAPngLocaleContent['seo'] = [
56
+ {
57
+ type: 'title',
58
+ text: 'WebP zu PNG Konverter: Die professionelle Wahl für Bearbeitung und Design',
59
+ level: 2,
60
+ },
61
+ {
62
+ type: 'paragraph',
63
+ html: 'Wenn ein Designer eine Grafik im <strong>WebP</strong>-Format herunterlädt und versucht, sie in Photoshop, Figma oder Illustrator zu öffnen, kann das Ergebnis frustrierend sein: Die Datei lässt sich nicht laden oder verliert an Qualität. Das <strong>PNG</strong>-Format ist der unangefochtene Standard der professionellen Bearbeitung: verlustfreie Kompression, vollständiger Alpha-Kanal und garantierte Kompatibilität über die gesamte kreative Produktionskette hinweg.',
64
+ },
65
+ {
66
+ type: 'title',
67
+ text: 'WebP für das Web, PNG für das Studio',
68
+ level: 3,
69
+ },
70
+ {
71
+ type: 'paragraph',
72
+ html: 'WebP ist ein Web-Produktionsformat: Seine Kompressionsalgorithmen sind darauf optimiert, das Übertragungsgewicht zu reduzieren, nicht darauf, maximale Originaltreue über iterative Bearbeitungs-Workflows hinweg zu bewahren. Jedes Mal, wenn Sie eine bearbeitete WebP-Datei speichern, wendet der Codec die Kompression erneut an. Bei Projekten, bei denen eine Datei oft geändert wird, bedeutet dies eine kumulative Qualitätsverschlechterung.',
73
+ },
74
+ {
75
+ type: 'paragraph',
76
+ html: 'PNG verwendet eine <strong>verlustfreie Kompression</strong>: Alle Pixeldaten bleiben vollständig erhalten, egal wie oft Sie die Datei speichern. Es ist das Format der Wahl für UI/UX Designer, digitale Illustratoren und Branding-Teams, die die visuelle Integrität über Dutzende von Revisionen hinweg wahren müssen. Tools wie Photoshop, Figma, Sketch und Illustrator behandeln PNG als ihr primäres Exportformat.',
77
+ },
78
+ {
79
+ type: 'title',
80
+ text: 'Vergleich: Lokale vs Cloud Konvertierung',
81
+ level: 3,
82
+ },
83
+ {
84
+ type: 'comparative',
85
+ items: [
86
+ {
87
+ title: 'Cloud Konverter',
88
+ description: 'Tools, die Ihre Dateien auf einen Remote-Server hochladen.',
89
+ icon: 'mdi:cloud-upload',
90
+ pointIcon: 'mdi:close-circle-outline',
91
+ points: [
92
+ 'Ihre Design-Assets werden auf Servern Dritter gespeichert',
93
+ 'Langsame Remote-Verarbeitung bei großen Dateien',
94
+ 'Risiko von Datenlecks bei vertraulichen Kundenprojekten',
95
+ 'Batch Konvertierung oft eingeschränkt oder kostenpflichtig',
96
+ ],
97
+ },
98
+ {
99
+ title: 'Unsere lokale Architektur',
100
+ description: 'Direkte Verarbeitung auf Ihrer Hardware mittels Vanilla JS-Technologie.',
101
+ icon: 'mdi:laptop-mac',
102
+ highlight: true,
103
+ points: [
104
+ 'Ihre Designs verlassen niemals Ihren Rechner',
105
+ 'Dutzende Dateien sofort per Batch konvertieren',
106
+ 'Vollständiger Erhalt des Alpha-Kanals und Farbraums',
107
+ 'Absolute Privatsphäre für Kundenprojekte',
108
+ ],
109
+ },
110
+ ],
111
+ },
112
+ {
113
+ type: 'title',
114
+ text: 'Wie es technisch funktioniert',
115
+ level: 3,
116
+ },
117
+ {
118
+ type: 'paragraph',
119
+ html: 'Moderne Browser können WebP nativ dekodieren. Unser Tool nutzt diese Fähigkeit, um die Datei in ein JavaScript-<strong>Image</strong>-Element zu laden und sie dann auf ein HTML5-Canvas mit denselben Abmessungen wie das Original zu zeichnen. Im Gegensatz zur Konvertierung in JPG ist hier keine Hintergrundfüllung erforderlich: Das Canvas behält den vollständigen Alpha-Kanal bei.',
120
+ },
121
+ {
122
+ type: 'paragraph',
123
+ html: 'Der finale Export erfolgt über die Methode <code>toDataURL(\'image/png\')</code>, die ein verlustfreies, originalgetreues PNG generiert. Das Ergebnis ist eine Datei, die ohne Zwischenschritte, Farbverlust oder Transparenzverlust direkt in jede professionelle Design-Software importiert werden kann.',
124
+ },
125
+ {
126
+ type: 'tip',
127
+ title: 'Tipp für Editoren',
128
+ html: 'Verwenden Sie PNG, wenn Sie das Bild weiter bearbeiten müssen. Die verlustfreie Kompression garantiert, dass durch wiederholtes Speichern keine Qualitätsverluste entstehen - entscheidend bei der Arbeit mit Ebenen, Masken oder Farbanpassungen in Photoshop oder Figma.',
129
+ },
130
+ {
131
+ type: 'title',
132
+ text: 'Anwendungsfälle und Kompatibilität',
133
+ level: 3,
134
+ },
135
+ {
136
+ type: 'list',
137
+ icon: 'mdi:check-circle',
138
+ items: [
139
+ 'Importieren von WebP-Assets in Photoshop, Figma, Sketch oder Illustrator.',
140
+ 'Erhalt der Transparenz bei Logos und Icons für die Verwendung auf verschiedenen Hintergründen.',
141
+ 'Erstellen von Master-Kopien von Grafiken für langfristige Projekte.',
142
+ 'Exportieren von Assets für mobile Apps, die PNG mit Alpha-Kanal erfordern.',
143
+ 'Verwendung von Bildern in Design-Mockups und Präsentationen mit variablen Hintergründen.',
144
+ ],
145
+ },
146
+ {
147
+ type: 'title',
148
+ text: 'Fazit',
149
+ level: 3,
150
+ },
151
+ {
152
+ type: 'paragraph',
153
+ html: 'Wenn WebP das Format für Webserver ist, dann ist PNG das Format für das Designstudio. Dieses Tool konvertiert Ihre WebP-Assets in produktionsbereite PNGs mit intakter Transparenz und maximaler Qualität - alles in Ihrem Browser und ohne dass Ihre Dateien jemals Ihren Rechner verlassen.',
154
+ },
155
+ ];
156
+
157
+
158
+ export const content: WebpAPngLocaleContent = {
159
+ slug,
160
+ title,
161
+ description,
162
+ ui,
163
+ seo,
164
+ faq,
165
+ bibliography,
166
+ howTo,
167
+ schemas: generateSchemas({ title, description, inLanguage: 'de', faq, howTo }),
168
+ };