@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.
- package/package.json +2 -2
- package/src/category/i18n/de.ts +1 -1
- package/src/category/i18n/en.ts +1 -1
- package/src/category/i18n/fr.ts +1 -1
- package/src/category/i18n/id.ts +1 -1
- package/src/category/i18n/it.ts +1 -1
- package/src/category/i18n/nl.ts +1 -1
- package/src/category/i18n/pl.ts +1 -1
- package/src/category/i18n/pt.ts +1 -1
- package/src/category/i18n/sv.ts +1 -1
- package/src/tests/bibliography_wellformed_export.test.ts +46 -0
- package/src/tests/category_seo_quality.test.ts +74 -0
- package/src/tests/faq_count.test.ts +1 -1
- package/src/tests/no_h1_in_components.test.ts +1 -1
- package/src/tests/seo_parity.test.ts +2 -2
- package/src/tests/seo_wellformed_export.test.ts +65 -0
- package/src/tests/tool_validation.test.ts +15 -15
- package/src/tool/avifAJpg/i18n/en.ts +164 -164
- package/src/tool/avifAJpg/i18n/es.ts +164 -164
- package/src/tool/avifAJpg/i18n/fr.ts +164 -164
- package/src/tool/avifAJpg/i18n/ja.ts +166 -166
- package/src/tool/avifAJpg/i18n/ko.ts +166 -166
- package/src/tool/avifAJpg/i18n/zh.ts +166 -166
- package/src/tool/avifAJpg/seo.astro +15 -15
- package/src/tool/avifAPng/i18n/en.ts +164 -164
- package/src/tool/avifAPng/i18n/es.ts +164 -164
- package/src/tool/avifAPng/i18n/fr.ts +164 -164
- package/src/tool/avifAPng/i18n/ja.ts +166 -166
- package/src/tool/avifAPng/i18n/ko.ts +166 -166
- package/src/tool/avifAPng/i18n/zh.ts +166 -166
- package/src/tool/avifAPng/seo.astro +15 -15
- package/src/tool/avifAWebp/i18n/en.ts +164 -164
- package/src/tool/avifAWebp/i18n/es.ts +164 -164
- package/src/tool/avifAWebp/i18n/fr.ts +164 -164
- package/src/tool/avifAWebp/i18n/ja.ts +166 -166
- package/src/tool/avifAWebp/i18n/ko.ts +166 -166
- package/src/tool/avifAWebp/i18n/zh.ts +166 -166
- package/src/tool/avifAWebp/seo.astro +15 -15
- package/src/tool/bmpAJpg/i18n/en.ts +164 -164
- package/src/tool/bmpAJpg/i18n/es.ts +164 -164
- package/src/tool/bmpAJpg/i18n/fr.ts +164 -164
- package/src/tool/bmpAJpg/i18n/ja.ts +166 -166
- package/src/tool/bmpAJpg/i18n/ko.ts +166 -166
- package/src/tool/bmpAJpg/i18n/zh.ts +166 -166
- package/src/tool/bmpAJpg/seo.astro +15 -15
- package/src/tool/bmpAPng/i18n/en.ts +164 -164
- package/src/tool/bmpAPng/i18n/es.ts +164 -164
- package/src/tool/bmpAPng/i18n/fr.ts +164 -164
- package/src/tool/bmpAPng/i18n/ja.ts +165 -165
- package/src/tool/bmpAPng/i18n/ko.ts +165 -165
- package/src/tool/bmpAPng/i18n/zh.ts +165 -165
- package/src/tool/bmpAPng/seo.astro +15 -15
- package/src/tool/bmpAWebp/i18n/en.ts +164 -164
- package/src/tool/bmpAWebp/i18n/es.ts +164 -164
- package/src/tool/bmpAWebp/i18n/fr.ts +164 -164
- package/src/tool/bmpAWebp/i18n/ja.ts +166 -166
- package/src/tool/bmpAWebp/i18n/ko.ts +166 -166
- package/src/tool/bmpAWebp/i18n/zh.ts +166 -166
- package/src/tool/bmpAWebp/seo.astro +15 -15
- package/src/tool/gifAJpg/i18n/en.ts +164 -164
- package/src/tool/gifAJpg/i18n/es.ts +164 -164
- package/src/tool/gifAJpg/i18n/fr.ts +164 -164
- package/src/tool/gifAJpg/i18n/ja.ts +166 -166
- package/src/tool/gifAJpg/i18n/ko.ts +166 -166
- package/src/tool/gifAJpg/i18n/zh.ts +166 -166
- package/src/tool/gifAJpg/seo.astro +15 -15
- package/src/tool/gifAPng/i18n/en.ts +164 -164
- package/src/tool/gifAPng/i18n/es.ts +164 -164
- package/src/tool/gifAPng/i18n/fr.ts +164 -164
- package/src/tool/gifAPng/i18n/ja.ts +166 -166
- package/src/tool/gifAPng/i18n/ko.ts +166 -166
- package/src/tool/gifAPng/i18n/zh.ts +166 -166
- package/src/tool/gifAPng/seo.astro +15 -15
- package/src/tool/gifAWebp/i18n/en.ts +164 -164
- package/src/tool/gifAWebp/i18n/es.ts +164 -164
- package/src/tool/gifAWebp/i18n/fr.ts +164 -164
- package/src/tool/gifAWebp/i18n/ja.ts +166 -166
- package/src/tool/gifAWebp/i18n/ko.ts +166 -166
- package/src/tool/gifAWebp/i18n/zh.ts +166 -166
- package/src/tool/gifAWebp/seo.astro +15 -15
- package/src/tool/imagenBase64/i18n/en.ts +154 -154
- package/src/tool/imagenBase64/i18n/es.ts +154 -154
- package/src/tool/imagenBase64/i18n/fr.ts +154 -154
- package/src/tool/imagenBase64/seo.astro +15 -15
- package/src/tool/jpgAIco/seo.astro +15 -15
- package/src/tool/jpgAPng/i18n/en.ts +164 -164
- package/src/tool/jpgAPng/i18n/es.ts +164 -164
- package/src/tool/jpgAPng/i18n/fr.ts +164 -164
- package/src/tool/jpgAPng/i18n/ja.ts +166 -166
- package/src/tool/jpgAPng/i18n/ko.ts +166 -166
- package/src/tool/jpgAPng/i18n/zh.ts +166 -166
- package/src/tool/jpgAPng/seo.astro +15 -15
- package/src/tool/jpgAWebp/i18n/en.ts +164 -164
- package/src/tool/jpgAWebp/i18n/es.ts +164 -164
- package/src/tool/jpgAWebp/i18n/fr.ts +164 -164
- package/src/tool/jpgAWebp/seo.astro +15 -15
- package/src/tool/pngAIco/seo.astro +15 -15
- package/src/tool/pngAJpg/i18n/de.ts +21 -21
- package/src/tool/pngAJpg/i18n/es.ts +177 -177
- package/src/tool/pngAJpg/i18n/fr.ts +137 -137
- package/src/tool/pngAJpg/i18n/id.ts +89 -89
- package/src/tool/pngAJpg/i18n/it.ts +89 -89
- package/src/tool/pngAJpg/i18n/ko.ts +177 -177
- package/src/tool/pngAJpg/i18n/nl.ts +20 -20
- package/src/tool/pngAJpg/i18n/pl.ts +89 -89
- package/src/tool/pngAJpg/i18n/pt.ts +89 -89
- package/src/tool/pngAJpg/i18n/ru.ts +177 -177
- package/src/tool/pngAJpg/i18n/sv.ts +89 -89
- package/src/tool/pngAJpg/i18n/tr.ts +89 -89
- package/src/tool/pngAJpg/seo.astro +15 -15
- package/src/tool/pngAWebp/i18n/en.ts +164 -164
- package/src/tool/pngAWebp/i18n/es.ts +164 -164
- package/src/tool/pngAWebp/i18n/fr.ts +164 -164
- package/src/tool/pngAWebp/seo.astro +15 -15
- package/src/tool/svgAJpg/i18n/fr.ts +164 -164
- package/src/tool/svgAJpg/seo.astro +15 -15
- package/src/tool/svgAPng/i18n/fr.ts +164 -164
- package/src/tool/svgAPng/seo.astro +15 -15
- package/src/tool/webpAIco/seo.astro +15 -15
- package/src/tool/webpAJpg/seo.astro +15 -15
- package/src/tool/webpAPng/bibliography.ts +13 -13
- package/src/tool/webpAPng/i18n/de.ts +166 -166
- package/src/tool/webpAPng/i18n/es.ts +171 -171
- package/src/tool/webpAPng/i18n/fr.ts +166 -166
- package/src/tool/webpAPng/i18n/id.ts +166 -166
- package/src/tool/webpAPng/i18n/it.ts +166 -166
- package/src/tool/webpAPng/i18n/nl.ts +166 -166
- package/src/tool/webpAPng/i18n/pl.ts +166 -166
- package/src/tool/webpAPng/i18n/pt.ts +166 -166
- package/src/tool/webpAPng/i18n/ru.ts +166 -166
- package/src/tool/webpAPng/i18n/sv.ts +166 -166
- package/src/tool/webpAPng/i18n/tr.ts +167 -167
- 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-naar-png-converter';
|
|
7
|
-
const title = 'Converteer WebP naar PNG Online en Gratis';
|
|
8
|
-
const description =
|
|
9
|
-
'Converteer WebP-afbeeldingen naar PNG in je browser. Behoudt transparantie. Geen bestandsuploads naar servers. Gratis en 100% privé.';
|
|
10
|
-
|
|
11
|
-
const ui: ImageConverterUI = {
|
|
12
|
-
dragText: 'Sleep WebP-bestanden...',
|
|
13
|
-
convertText: 'Om ze direct naar PNG te converteren',
|
|
14
|
-
selectFiles: 'Bestanden selecteren',
|
|
15
|
-
processedFiles: 'Verwerkte bestanden',
|
|
16
|
-
downloadAll: 'Alles downloaden (.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-naar-png-converter';
|
|
7
|
+
const title = 'Converteer WebP naar PNG Online en Gratis';
|
|
8
|
+
const description =
|
|
9
|
+
'Converteer WebP-afbeeldingen naar PNG in je browser. Behoudt transparantie. Geen bestandsuploads naar servers. Gratis en 100% privé.';
|
|
10
|
+
|
|
11
|
+
const ui: ImageConverterUI = {
|
|
12
|
+
dragText: 'Sleep WebP-bestanden...',
|
|
13
|
+
convertText: 'Om ze direct naar PNG te converteren',
|
|
14
|
+
selectFiles: 'Bestanden selecteren',
|
|
15
|
+
processedFiles: 'Verwerkte bestanden',
|
|
16
|
+
downloadAll: 'Alles downloaden (.zip)',
|
|
17
17
|
pending: 'In afwachting',
|
|
18
|
-
bibliographyTitle: 'Bibliografische Referenties',
|
|
19
|
-
faqTitle: 'Veelgestelde Vragen',
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const faq: WebpAPngLocaleContent['faq'] = [
|
|
23
|
-
{
|
|
24
|
-
question: 'Waarom moet ik mijn WebP-bestanden converteren naar PNG?',
|
|
25
|
-
answer:
|
|
26
|
-
'Ondanks dat ze lichter zijn, kunnen WebP-bestanden compatibiliteitsproblemen veroorzaken in bewerkingsprogramma\'s zoals oudere Photoshop-versies. PNG garandeert 100% universele compatibiliteit.',
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
question: 'Gaan transparanties verloren bij het converteren van WebP naar PNG?',
|
|
30
|
-
answer:
|
|
31
|
-
'Helemaal niet. In tegenstelling tot conversie naar JPG, ondersteunt PNG het alfakanaal. Onze tool behoudt elk transparant gebied van het originele bestand.',
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
question: 'Kan ik vertrouwelijke bedrijfsbestanden uploaden?',
|
|
35
|
-
answer:
|
|
36
|
-
'Dat kan en dat moet je ook doen. Omdat alles lokaal via JavaScript draait, verlaten je bedrijfsafbeeldingen nooit je computer en worden ze niet op externe servers opgeslagen.',
|
|
37
|
-
},
|
|
38
|
-
];
|
|
39
|
-
|
|
40
|
-
const howTo: WebpAPngLocaleContent['howTo'] = [
|
|
41
|
-
{
|
|
42
|
-
name: 'Sleep je WebP-bestanden',
|
|
43
|
-
text: 'Sleep je WebP-bestanden naar het hoofdpaneel of selecteer de afbeeldingen op de traditionele manier.',
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
name: 'High Fidelity Conversie',
|
|
47
|
-
text: 'Je browser tekent de afbeelding pixel voor pixel opnieuw en genereert een exacte kopie in PNG-formaat, waarbij het originele kleurengamma behouden blijft.',
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
name: 'Individuele of Bulk Download',
|
|
51
|
-
text: 'Sla elk bestand afzonderlijk op of, als je een batch hebt verwerkt, klik op de ZIP-knop om ze allemaal gebundeld te downloaden.',
|
|
52
|
-
},
|
|
53
|
-
];
|
|
54
|
-
|
|
55
|
-
const seo: WebpAPngLocaleContent['seo'] = [
|
|
56
|
-
{
|
|
57
|
-
type: 'title',
|
|
58
|
-
text: 'WebP naar PNG Converter: de professionele keuze voor bewerking en ontwerp',
|
|
59
|
-
level: 2,
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
type: 'paragraph',
|
|
63
|
-
html: 'Wanneer een ontwerper een grafisch asset in <strong>WebP</strong>-formaat downloadt en probeert te openen in Photoshop, Figma of Illustrator, kan het resultaat frustrerend zijn: het bestand kan niet worden geladen of verliest kwaliteit. Het <strong>PNG</strong>-formaat is de onbetwiste standaard voor professionele bewerking: verliesvrije compressie, volledig alfakanaal en gegarandeerde compatibiliteit in de hele creatieve productieketen.',
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
type: 'title',
|
|
67
|
-
text: 'WebP voor het web, PNG voor de studio',
|
|
68
|
-
level: 3,
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
type: 'paragraph',
|
|
72
|
-
html: 'WebP is een formaat voor webproductie: de compressie-algoritmen zijn geoptimaliseerd om het overdrachtsgewicht te verminderen, niet om maximale getrouwheid te behouden tijdens iteratieve bewerkingsworkflows. Elke keer dat je een bewerkt WebP-bestand opslaat, past de codec opnieuw compressie toe. Voor projecten waarbij een bestand vaak wordt gewijzigd, betekent dit een cumulatieve kwaliteitsvermindering.',
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
type: 'paragraph',
|
|
76
|
-
html: 'PNG gebruikt <strong>verliesvrije compressie</strong>: de gegevens van elke pixel blijven volledig behouden, ongeacht hoe vaak je het bestand opslaat. Het is het formaat bij uitstek voor UI/UX-ontwerpers, digitale illustratoren en brandingteams die de visuele integriteit over tientallen revisies heen moeten handhaven. Tools zoals Photoshop, Figma, Sketch en Illustrator behandelen PNG als hun primaire exportformaat.',
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
type: 'title',
|
|
80
|
-
text: 'Vergelijking: Lokale vs Cloud-conversie',
|
|
81
|
-
level: 3,
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
type: 'comparative',
|
|
85
|
-
items: [
|
|
86
|
-
{
|
|
87
|
-
title: 'Cloud Converters',
|
|
88
|
-
description: 'Tools die je bestanden uploaden naar een externe server.',
|
|
89
|
-
icon: 'mdi:cloud-upload',
|
|
90
|
-
pointIcon: 'mdi:close-circle-outline',
|
|
91
|
-
points: [
|
|
92
|
-
'Je ontwerpassets worden opgeslagen op servers van derden',
|
|
93
|
-
'Trage externe verwerking voor grote bestanden',
|
|
94
|
-
'Risico op lekken voor vertrouwelijke klantprojecten',
|
|
95
|
-
'Batchconversie beperkt of achter een betaalmuur',
|
|
96
|
-
],
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
title: 'Onze Lokale Architectuur',
|
|
100
|
-
description: 'Directe verwerking op je eigen hardware met Vanilla JS-technologie.',
|
|
101
|
-
icon: 'mdi:laptop-mac',
|
|
102
|
-
highlight: true,
|
|
103
|
-
points: [
|
|
104
|
-
'Je ontwerpen verlaten nooit je machine',
|
|
105
|
-
'Converteer tientallen bestanden direct in batch',
|
|
106
|
-
'Volledig behoud van alfakanaal en kleurengamma',
|
|
107
|
-
'Absolute privacy voor klantprojecten',
|
|
108
|
-
],
|
|
109
|
-
},
|
|
110
|
-
],
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
type: 'title',
|
|
114
|
-
text: 'Hoe het technisch werkt',
|
|
115
|
-
level: 3,
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
type: 'paragraph',
|
|
119
|
-
html: 'Moderne browsers kunnen WebP native decoderen. Onze tool maakt gebruik van deze eigenschap om het bestand in een JavaScript-<strong>Image</strong>-element te laden en tekent het vervolgens op een HTML5-canvas met dezelfde afmetingen als het origineel. In tegenstelling tot conversie naar JPG is hier geen achtergrondvulling nodig: het canvas behoudt het volledige alfakanaal.',
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
type: 'paragraph',
|
|
123
|
-
html: 'De uiteindelijke export maakt gebruik van de <code>toDataURL(\'image/png\')</code> methode, die een verliesvrije PNG genereert die trouw is aan het origineel. Het resultaat is een bestand dat direct in elke professionele ontwerpsoftware kan worden geïmporteerd zonder tussenstappen, kleurverlies of verlies van transparantie.',
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
type: 'tip',
|
|
127
|
-
title: 'Tip voor bewerkers',
|
|
128
|
-
html: 'Gebruik PNG wanneer je de afbeelding verder moet bewerken. Verliesvrije compressie garandeert dat er geen kwaliteitsverlies optreedt door herhaaldelijk opslaan - cruciaal bij het werken met lagen, maskers of kleuraanpassingen in Photoshop of Figma.',
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
type: 'title',
|
|
132
|
-
text: 'Toepassingen en compatibiliteit',
|
|
133
|
-
level: 3,
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
type: 'list',
|
|
137
|
-
icon: 'mdi:check-circle',
|
|
138
|
-
items: [
|
|
139
|
-
'WebP-assets importeren in Photoshop, Figma, Sketch of Illustrator.',
|
|
140
|
-
'Transparantie behouden in logo\'s en iconen voor gebruik op meerdere achtergronden.',
|
|
141
|
-
'Masterkopieën van graphics maken voor langlopende projecten.',
|
|
142
|
-
'Assets exporteren voor mobiele apps die PNG met alfakanaal vereisen.',
|
|
143
|
-
'Afbeeldingen gebruiken in ontwerpmock-ups en presentaties met variabele achtergronden.',
|
|
144
|
-
],
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
type: 'title',
|
|
148
|
-
text: 'Conclusie',
|
|
149
|
-
level: 3,
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
type: 'paragraph',
|
|
153
|
-
html: 'Als WebP het formaat voor webservers is, dan is PNG het formaat voor de ontwerpstudio. Deze tool converteert je WebP-assets naar productieklare PNG\'s, met behoud van transparantie en maximale kwaliteit - allemaal in je browser en zonder dat je bestanden je machine ooit verlaten.',
|
|
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: 'nl', faq, howTo }),
|
|
168
|
-
};
|
|
18
|
+
bibliographyTitle: 'Bibliografische Referenties',
|
|
19
|
+
faqTitle: 'Veelgestelde Vragen',
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
const faq: WebpAPngLocaleContent['faq'] = [
|
|
23
|
+
{
|
|
24
|
+
question: 'Waarom moet ik mijn WebP-bestanden converteren naar PNG?',
|
|
25
|
+
answer:
|
|
26
|
+
'Ondanks dat ze lichter zijn, kunnen WebP-bestanden compatibiliteitsproblemen veroorzaken in bewerkingsprogramma\'s zoals oudere Photoshop-versies. PNG garandeert 100% universele compatibiliteit.',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
question: 'Gaan transparanties verloren bij het converteren van WebP naar PNG?',
|
|
30
|
+
answer:
|
|
31
|
+
'Helemaal niet. In tegenstelling tot conversie naar JPG, ondersteunt PNG het alfakanaal. Onze tool behoudt elk transparant gebied van het originele bestand.',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
question: 'Kan ik vertrouwelijke bedrijfsbestanden uploaden?',
|
|
35
|
+
answer:
|
|
36
|
+
'Dat kan en dat moet je ook doen. Omdat alles lokaal via JavaScript draait, verlaten je bedrijfsafbeeldingen nooit je computer en worden ze niet op externe servers opgeslagen.',
|
|
37
|
+
},
|
|
38
|
+
];
|
|
39
|
+
|
|
40
|
+
const howTo: WebpAPngLocaleContent['howTo'] = [
|
|
41
|
+
{
|
|
42
|
+
name: 'Sleep je WebP-bestanden',
|
|
43
|
+
text: 'Sleep je WebP-bestanden naar het hoofdpaneel of selecteer de afbeeldingen op de traditionele manier.',
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
name: 'High Fidelity Conversie',
|
|
47
|
+
text: 'Je browser tekent de afbeelding pixel voor pixel opnieuw en genereert een exacte kopie in PNG-formaat, waarbij het originele kleurengamma behouden blijft.',
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
name: 'Individuele of Bulk Download',
|
|
51
|
+
text: 'Sla elk bestand afzonderlijk op of, als je een batch hebt verwerkt, klik op de ZIP-knop om ze allemaal gebundeld te downloaden.',
|
|
52
|
+
},
|
|
53
|
+
];
|
|
54
|
+
|
|
55
|
+
const seo: WebpAPngLocaleContent['seo'] = [
|
|
56
|
+
{
|
|
57
|
+
type: 'title',
|
|
58
|
+
text: 'WebP naar PNG Converter: de professionele keuze voor bewerking en ontwerp',
|
|
59
|
+
level: 2,
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
type: 'paragraph',
|
|
63
|
+
html: 'Wanneer een ontwerper een grafisch asset in <strong>WebP</strong>-formaat downloadt en probeert te openen in Photoshop, Figma of Illustrator, kan het resultaat frustrerend zijn: het bestand kan niet worden geladen of verliest kwaliteit. Het <strong>PNG</strong>-formaat is de onbetwiste standaard voor professionele bewerking: verliesvrije compressie, volledig alfakanaal en gegarandeerde compatibiliteit in de hele creatieve productieketen.',
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
type: 'title',
|
|
67
|
+
text: 'WebP voor het web, PNG voor de studio',
|
|
68
|
+
level: 3,
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
type: 'paragraph',
|
|
72
|
+
html: 'WebP is een formaat voor webproductie: de compressie-algoritmen zijn geoptimaliseerd om het overdrachtsgewicht te verminderen, niet om maximale getrouwheid te behouden tijdens iteratieve bewerkingsworkflows. Elke keer dat je een bewerkt WebP-bestand opslaat, past de codec opnieuw compressie toe. Voor projecten waarbij een bestand vaak wordt gewijzigd, betekent dit een cumulatieve kwaliteitsvermindering.',
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
type: 'paragraph',
|
|
76
|
+
html: 'PNG gebruikt <strong>verliesvrije compressie</strong>: de gegevens van elke pixel blijven volledig behouden, ongeacht hoe vaak je het bestand opslaat. Het is het formaat bij uitstek voor UI/UX-ontwerpers, digitale illustratoren en brandingteams die de visuele integriteit over tientallen revisies heen moeten handhaven. Tools zoals Photoshop, Figma, Sketch en Illustrator behandelen PNG als hun primaire exportformaat.',
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
type: 'title',
|
|
80
|
+
text: 'Vergelijking: Lokale vs Cloud-conversie',
|
|
81
|
+
level: 3,
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
type: 'comparative',
|
|
85
|
+
items: [
|
|
86
|
+
{
|
|
87
|
+
title: 'Cloud Converters',
|
|
88
|
+
description: 'Tools die je bestanden uploaden naar een externe server.',
|
|
89
|
+
icon: 'mdi:cloud-upload',
|
|
90
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
91
|
+
points: [
|
|
92
|
+
'Je ontwerpassets worden opgeslagen op servers van derden',
|
|
93
|
+
'Trage externe verwerking voor grote bestanden',
|
|
94
|
+
'Risico op lekken voor vertrouwelijke klantprojecten',
|
|
95
|
+
'Batchconversie beperkt of achter een betaalmuur',
|
|
96
|
+
],
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
title: 'Onze Lokale Architectuur',
|
|
100
|
+
description: 'Directe verwerking op je eigen hardware met Vanilla JS-technologie.',
|
|
101
|
+
icon: 'mdi:laptop-mac',
|
|
102
|
+
highlight: true,
|
|
103
|
+
points: [
|
|
104
|
+
'Je ontwerpen verlaten nooit je machine',
|
|
105
|
+
'Converteer tientallen bestanden direct in batch',
|
|
106
|
+
'Volledig behoud van alfakanaal en kleurengamma',
|
|
107
|
+
'Absolute privacy voor klantprojecten',
|
|
108
|
+
],
|
|
109
|
+
},
|
|
110
|
+
],
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
type: 'title',
|
|
114
|
+
text: 'Hoe het technisch werkt',
|
|
115
|
+
level: 3,
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
type: 'paragraph',
|
|
119
|
+
html: 'Moderne browsers kunnen WebP native decoderen. Onze tool maakt gebruik van deze eigenschap om het bestand in een JavaScript-<strong>Image</strong>-element te laden en tekent het vervolgens op een HTML5-canvas met dezelfde afmetingen als het origineel. In tegenstelling tot conversie naar JPG is hier geen achtergrondvulling nodig: het canvas behoudt het volledige alfakanaal.',
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
type: 'paragraph',
|
|
123
|
+
html: 'De uiteindelijke export maakt gebruik van de <code>toDataURL(\'image/png\')</code> methode, die een verliesvrije PNG genereert die trouw is aan het origineel. Het resultaat is een bestand dat direct in elke professionele ontwerpsoftware kan worden geïmporteerd zonder tussenstappen, kleurverlies of verlies van transparantie.',
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
type: 'tip',
|
|
127
|
+
title: 'Tip voor bewerkers',
|
|
128
|
+
html: 'Gebruik PNG wanneer je de afbeelding verder moet bewerken. Verliesvrije compressie garandeert dat er geen kwaliteitsverlies optreedt door herhaaldelijk opslaan - cruciaal bij het werken met lagen, maskers of kleuraanpassingen in Photoshop of Figma.',
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
type: 'title',
|
|
132
|
+
text: 'Toepassingen en compatibiliteit',
|
|
133
|
+
level: 3,
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'list',
|
|
137
|
+
icon: 'mdi:check-circle',
|
|
138
|
+
items: [
|
|
139
|
+
'WebP-assets importeren in Photoshop, Figma, Sketch of Illustrator.',
|
|
140
|
+
'Transparantie behouden in logo\'s en iconen voor gebruik op meerdere achtergronden.',
|
|
141
|
+
'Masterkopieën van graphics maken voor langlopende projecten.',
|
|
142
|
+
'Assets exporteren voor mobiele apps die PNG met alfakanaal vereisen.',
|
|
143
|
+
'Afbeeldingen gebruiken in ontwerpmock-ups en presentaties met variabele achtergronden.',
|
|
144
|
+
],
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
type: 'title',
|
|
148
|
+
text: 'Conclusie',
|
|
149
|
+
level: 3,
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
type: 'paragraph',
|
|
153
|
+
html: 'Als WebP het formaat voor webservers is, dan is PNG het formaat voor de ontwerpstudio. Deze tool converteert je WebP-assets naar productieklare PNG\'s, met behoud van transparantie en maximale kwaliteit - allemaal in je browser en zonder dat je bestanden je machine ooit verlaten.',
|
|
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: 'nl', faq, howTo }),
|
|
168
|
+
};
|