@jjlmoya/utils-converters 1.24.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/entries.ts +6 -0
- 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 = 'convertitore-webp-in-png';
|
|
7
|
-
const title = 'Converti WebP in PNG Online e Gratis';
|
|
8
|
-
const description =
|
|
9
|
-
'Converti immagini WebP in PNG nel tuo browser. Preserva la trasparenza. Nessun caricamento di file sui server. Gratuito e privato al 100%.';
|
|
10
|
-
|
|
11
|
-
const ui: ImageConverterUI = {
|
|
12
|
-
dragText: 'Trascina i file WebP...',
|
|
13
|
-
convertText: 'Per convertirli in PNG istantaneamente',
|
|
14
|
-
selectFiles: 'Seleziona file',
|
|
15
|
-
processedFiles: 'File elaborati',
|
|
16
|
-
downloadAll: 'Scarica tutto (.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 = 'convertitore-webp-in-png';
|
|
7
|
+
const title = 'Converti WebP in PNG Online e Gratis';
|
|
8
|
+
const description =
|
|
9
|
+
'Converti immagini WebP in PNG nel tuo browser. Preserva la trasparenza. Nessun caricamento di file sui server. Gratuito e privato al 100%.';
|
|
10
|
+
|
|
11
|
+
const ui: ImageConverterUI = {
|
|
12
|
+
dragText: 'Trascina i file WebP...',
|
|
13
|
+
convertText: 'Per convertirli in PNG istantaneamente',
|
|
14
|
+
selectFiles: 'Seleziona file',
|
|
15
|
+
processedFiles: 'File elaborati',
|
|
16
|
+
downloadAll: 'Scarica tutto (.zip)',
|
|
17
17
|
pending: 'In attesa',
|
|
18
|
-
bibliographyTitle: 'Riferimenti Bibliografici',
|
|
19
|
-
faqTitle: 'Domande Frequenti',
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const faq: WebpAPngLocaleContent['faq'] = [
|
|
23
|
-
{
|
|
24
|
-
question: 'Perché devo convertire i miei file WebP in PNG?',
|
|
25
|
-
answer:
|
|
26
|
-
'Pur essendo più leggeri, i file WebP possono causare incompatibilità in programmi di editing come le vecchie versioni di Photoshop. Il PNG garantisce una compatibilità universale al 100%.',
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
question: 'Le trasparenze vanno perse convertendo da WebP a PNG?',
|
|
30
|
-
answer:
|
|
31
|
-
'Assolutamente no. A differenza della conversione in JPG, il PNG supporta il canale alfa. La nostra utility preserverà ogni area trasparente del file originale.',
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
question: 'Posso caricare file aziendali riservati?',
|
|
35
|
-
answer:
|
|
36
|
-
'Puoi e devi farlo. Poiché tutto viene eseguito localmente tramite JavaScript, le immagini della tua azienda non lasceranno mai il tuo computer né verranno memorizzate su server esterni.',
|
|
37
|
-
},
|
|
38
|
-
];
|
|
39
|
-
|
|
40
|
-
const howTo: WebpAPngLocaleContent['howTo'] = [
|
|
41
|
-
{
|
|
42
|
-
name: 'Trascina i tuoi file WebP',
|
|
43
|
-
text: 'Sposta e rilascia i tuoi file WebP sul pannello principale o seleziona le immagini in modo tradizionale.',
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
name: 'Conversione ad Alta Fedeltà',
|
|
47
|
-
text: 'Il tuo browser ridisegnerà l\'immagine pixel per pixel e genererà una copia esatta in formato PNG, mantenendo la gamma cromatica originale.',
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
name: 'Download Singolo o Multiplo',
|
|
51
|
-
text: 'Salva ogni file individualmente o, se hai elaborato un batch, clicca sul pulsante ZIP per scaricarli tutti insieme in un pacchetto.',
|
|
52
|
-
},
|
|
53
|
-
];
|
|
54
|
-
|
|
55
|
-
const seo: WebpAPngLocaleContent['seo'] = [
|
|
56
|
-
{
|
|
57
|
-
type: 'title',
|
|
58
|
-
text: 'Convertitore da WebP a PNG: La Scelta Professionale per Editing e Design',
|
|
59
|
-
level: 2,
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
type: 'paragraph',
|
|
63
|
-
html: 'Quando un designer scarica un asset grafico in formato <strong>WebP</strong> e prova ad aprirlo in Photoshop, Figma o Illustrator, il risultato può essere frustrante: il file non si carica o perde qualità. Il formato <strong>PNG</strong> è lo standard indiscusso dell\'editing professionale: compressione lossless, canale alfa completo e compatibilità garantita in tutta la catena di produzione creativa.',
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
type: 'title',
|
|
67
|
-
text: 'WebP per il Web, PNG per lo Studio',
|
|
68
|
-
level: 3,
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
type: 'paragraph',
|
|
72
|
-
html: 'Il WebP è un formato di produzione web: i suoi algoritmi di compressione sono ottimizzati per ridurre il peso del trasferimento, non per preservare la massima fedeltà attraverso flussi di lavoro di editing iterativi. Ogni volta che salvi un WebP modificato, il codec applica nuovamente la compressione. Per i progetti in cui un file verrà modificato molte volte, ciò significa un degrado qualitativo cumulativo.',
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
type: 'paragraph',
|
|
76
|
-
html: 'Il PNG utilizza la <strong>compressione lossless</strong>: i dati di ogni pixel vengono preservati interamente, non importa quante volte salvi il file. È il formato scelto da designer UI/UX, illustratori digitali e team di branding che devono mantenere l\'integrità visiva attraverso decine di revisioni. Strumenti come Photoshop, Figma, Sketch e Illustrator trattano il PNG come il loro formato di esportazione principale.',
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
type: 'title',
|
|
80
|
-
text: 'Confronto: Conversione Locale vs Cloud',
|
|
81
|
-
level: 3,
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
type: 'comparative',
|
|
85
|
-
items: [
|
|
86
|
-
{
|
|
87
|
-
title: 'Convertitori Cloud',
|
|
88
|
-
description: 'Strumenti che caricano i tuoi file su un server remoto.',
|
|
89
|
-
icon: 'mdi:cloud-upload',
|
|
90
|
-
pointIcon: 'mdi:close-circle-outline',
|
|
91
|
-
points: [
|
|
92
|
-
'I tuoi asset di design sono memorizzati su server di terze parti',
|
|
93
|
-
'Elaborazione remota lenta per i file di grandi dimensioni',
|
|
94
|
-
'Rischio di leak per progetti riservati di clienti',
|
|
95
|
-
'Conversione batch limitata o a pagamento',
|
|
96
|
-
],
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
title: 'La Nostra Architettura Locale',
|
|
100
|
-
description: 'Elaborazione diretta sul tuo hardware utilizzando la tecnologia Vanilla JS.',
|
|
101
|
-
icon: 'mdi:laptop-mac',
|
|
102
|
-
highlight: true,
|
|
103
|
-
points: [
|
|
104
|
-
'I tuoi design non lasciano mai la tua macchina',
|
|
105
|
-
'Converti istantaneamente decine di file in batch',
|
|
106
|
-
'Preservazione totale del canale alfa e della gamma cromatica',
|
|
107
|
-
'Privacy assoluta per i progetti dei clienti',
|
|
108
|
-
],
|
|
109
|
-
},
|
|
110
|
-
],
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
type: 'title',
|
|
114
|
-
text: 'Come funziona tecnicamente',
|
|
115
|
-
level: 3,
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
type: 'paragraph',
|
|
119
|
-
html: 'I browser moderni possono decodificare il WebP nativamente. Il nostro strumento sfrutta questa capacità per caricare il file in un elemento <strong>Image</strong> JavaScript, quindi lo disegna su un canvas HTML5 con le stesse dimensioni dell\'originale. A differenza della conversione in JPG, qui non è necessario alcun riempimento di sfondo: il canvas mantiene l\'intero canale alfa.',
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
type: 'paragraph',
|
|
123
|
-
html: 'L\'esportazione finale utilizza il metodo <code>toDataURL(\'image/png\')</code>, che genera un PNG lossless fedele all\'originale. Il risultato è un file pronto per essere importato direttamente in qualsiasi software di design professionale senza passaggi intermedi, degrado del colore o perdita di trasparenza.',
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
type: 'tip',
|
|
127
|
-
title: 'Suggerimento per editor',
|
|
128
|
-
html: 'Usa il PNG quando hai bisogno di continuare a modificare l\'immagine. La compressione lossless garantisce che non ci siano degradazioni della qualità dovute a salvataggi ripetuti - fondamentale quando si lavora con livelli, maschere o regolazioni del colore in Photoshop o Figma.',
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
type: 'title',
|
|
132
|
-
text: 'Casi d\'uso e compatibilità',
|
|
133
|
-
level: 3,
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
type: 'list',
|
|
137
|
-
icon: 'mdi:check-circle',
|
|
138
|
-
items: [
|
|
139
|
-
'Importazione di asset WebP in Photoshop, Figma, Sketch o Illustrator.',
|
|
140
|
-
'Preservazione della trasparenza in loghi e icone per l\'uso su sfondi multipli.',
|
|
141
|
-
'Creazione di copie master di grafiche per progetti a lungo termine.',
|
|
142
|
-
'Esportazione di asset per app mobile che richiedono PNG con canale alfa.',
|
|
143
|
-
'Utilizzo di immagini in mockup di design e presentazioni con sfondi variabili.',
|
|
144
|
-
],
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
type: 'title',
|
|
148
|
-
text: 'Conclusione',
|
|
149
|
-
level: 3,
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
type: 'paragraph',
|
|
153
|
-
html: 'Se il WebP è il formato del server web, il PNG è il formato dello studio di design. Questo strumento converte i tuoi asset WebP in PNG pronti per la produzione, con trasparenza intatta e massima qualità - tutto nel tuo browser e senza che i tuoi file lascino mai la tua macchina.',
|
|
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: 'it', faq, howTo }),
|
|
168
|
-
};
|
|
18
|
+
bibliographyTitle: 'Riferimenti Bibliografici',
|
|
19
|
+
faqTitle: 'Domande Frequenti',
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
const faq: WebpAPngLocaleContent['faq'] = [
|
|
23
|
+
{
|
|
24
|
+
question: 'Perché devo convertire i miei file WebP in PNG?',
|
|
25
|
+
answer:
|
|
26
|
+
'Pur essendo più leggeri, i file WebP possono causare incompatibilità in programmi di editing come le vecchie versioni di Photoshop. Il PNG garantisce una compatibilità universale al 100%.',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
question: 'Le trasparenze vanno perse convertendo da WebP a PNG?',
|
|
30
|
+
answer:
|
|
31
|
+
'Assolutamente no. A differenza della conversione in JPG, il PNG supporta il canale alfa. La nostra utility preserverà ogni area trasparente del file originale.',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
question: 'Posso caricare file aziendali riservati?',
|
|
35
|
+
answer:
|
|
36
|
+
'Puoi e devi farlo. Poiché tutto viene eseguito localmente tramite JavaScript, le immagini della tua azienda non lasceranno mai il tuo computer né verranno memorizzate su server esterni.',
|
|
37
|
+
},
|
|
38
|
+
];
|
|
39
|
+
|
|
40
|
+
const howTo: WebpAPngLocaleContent['howTo'] = [
|
|
41
|
+
{
|
|
42
|
+
name: 'Trascina i tuoi file WebP',
|
|
43
|
+
text: 'Sposta e rilascia i tuoi file WebP sul pannello principale o seleziona le immagini in modo tradizionale.',
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
name: 'Conversione ad Alta Fedeltà',
|
|
47
|
+
text: 'Il tuo browser ridisegnerà l\'immagine pixel per pixel e genererà una copia esatta in formato PNG, mantenendo la gamma cromatica originale.',
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
name: 'Download Singolo o Multiplo',
|
|
51
|
+
text: 'Salva ogni file individualmente o, se hai elaborato un batch, clicca sul pulsante ZIP per scaricarli tutti insieme in un pacchetto.',
|
|
52
|
+
},
|
|
53
|
+
];
|
|
54
|
+
|
|
55
|
+
const seo: WebpAPngLocaleContent['seo'] = [
|
|
56
|
+
{
|
|
57
|
+
type: 'title',
|
|
58
|
+
text: 'Convertitore da WebP a PNG: La Scelta Professionale per Editing e Design',
|
|
59
|
+
level: 2,
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
type: 'paragraph',
|
|
63
|
+
html: 'Quando un designer scarica un asset grafico in formato <strong>WebP</strong> e prova ad aprirlo in Photoshop, Figma o Illustrator, il risultato può essere frustrante: il file non si carica o perde qualità. Il formato <strong>PNG</strong> è lo standard indiscusso dell\'editing professionale: compressione lossless, canale alfa completo e compatibilità garantita in tutta la catena di produzione creativa.',
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
type: 'title',
|
|
67
|
+
text: 'WebP per il Web, PNG per lo Studio',
|
|
68
|
+
level: 3,
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
type: 'paragraph',
|
|
72
|
+
html: 'Il WebP è un formato di produzione web: i suoi algoritmi di compressione sono ottimizzati per ridurre il peso del trasferimento, non per preservare la massima fedeltà attraverso flussi di lavoro di editing iterativi. Ogni volta che salvi un WebP modificato, il codec applica nuovamente la compressione. Per i progetti in cui un file verrà modificato molte volte, ciò significa un degrado qualitativo cumulativo.',
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
type: 'paragraph',
|
|
76
|
+
html: 'Il PNG utilizza la <strong>compressione lossless</strong>: i dati di ogni pixel vengono preservati interamente, non importa quante volte salvi il file. È il formato scelto da designer UI/UX, illustratori digitali e team di branding che devono mantenere l\'integrità visiva attraverso decine di revisioni. Strumenti come Photoshop, Figma, Sketch e Illustrator trattano il PNG come il loro formato di esportazione principale.',
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
type: 'title',
|
|
80
|
+
text: 'Confronto: Conversione Locale vs Cloud',
|
|
81
|
+
level: 3,
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
type: 'comparative',
|
|
85
|
+
items: [
|
|
86
|
+
{
|
|
87
|
+
title: 'Convertitori Cloud',
|
|
88
|
+
description: 'Strumenti che caricano i tuoi file su un server remoto.',
|
|
89
|
+
icon: 'mdi:cloud-upload',
|
|
90
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
91
|
+
points: [
|
|
92
|
+
'I tuoi asset di design sono memorizzati su server di terze parti',
|
|
93
|
+
'Elaborazione remota lenta per i file di grandi dimensioni',
|
|
94
|
+
'Rischio di leak per progetti riservati di clienti',
|
|
95
|
+
'Conversione batch limitata o a pagamento',
|
|
96
|
+
],
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
title: 'La Nostra Architettura Locale',
|
|
100
|
+
description: 'Elaborazione diretta sul tuo hardware utilizzando la tecnologia Vanilla JS.',
|
|
101
|
+
icon: 'mdi:laptop-mac',
|
|
102
|
+
highlight: true,
|
|
103
|
+
points: [
|
|
104
|
+
'I tuoi design non lasciano mai la tua macchina',
|
|
105
|
+
'Converti istantaneamente decine di file in batch',
|
|
106
|
+
'Preservazione totale del canale alfa e della gamma cromatica',
|
|
107
|
+
'Privacy assoluta per i progetti dei clienti',
|
|
108
|
+
],
|
|
109
|
+
},
|
|
110
|
+
],
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
type: 'title',
|
|
114
|
+
text: 'Come funziona tecnicamente',
|
|
115
|
+
level: 3,
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
type: 'paragraph',
|
|
119
|
+
html: 'I browser moderni possono decodificare il WebP nativamente. Il nostro strumento sfrutta questa capacità per caricare il file in un elemento <strong>Image</strong> JavaScript, quindi lo disegna su un canvas HTML5 con le stesse dimensioni dell\'originale. A differenza della conversione in JPG, qui non è necessario alcun riempimento di sfondo: il canvas mantiene l\'intero canale alfa.',
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
type: 'paragraph',
|
|
123
|
+
html: 'L\'esportazione finale utilizza il metodo <code>toDataURL(\'image/png\')</code>, che genera un PNG lossless fedele all\'originale. Il risultato è un file pronto per essere importato direttamente in qualsiasi software di design professionale senza passaggi intermedi, degrado del colore o perdita di trasparenza.',
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
type: 'tip',
|
|
127
|
+
title: 'Suggerimento per editor',
|
|
128
|
+
html: 'Usa il PNG quando hai bisogno di continuare a modificare l\'immagine. La compressione lossless garantisce che non ci siano degradazioni della qualità dovute a salvataggi ripetuti - fondamentale quando si lavora con livelli, maschere o regolazioni del colore in Photoshop o Figma.',
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
type: 'title',
|
|
132
|
+
text: 'Casi d\'uso e compatibilità',
|
|
133
|
+
level: 3,
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'list',
|
|
137
|
+
icon: 'mdi:check-circle',
|
|
138
|
+
items: [
|
|
139
|
+
'Importazione di asset WebP in Photoshop, Figma, Sketch o Illustrator.',
|
|
140
|
+
'Preservazione della trasparenza in loghi e icone per l\'uso su sfondi multipli.',
|
|
141
|
+
'Creazione di copie master di grafiche per progetti a lungo termine.',
|
|
142
|
+
'Esportazione di asset per app mobile che richiedono PNG con canale alfa.',
|
|
143
|
+
'Utilizzo di immagini in mockup di design e presentazioni con sfondi variabili.',
|
|
144
|
+
],
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
type: 'title',
|
|
148
|
+
text: 'Conclusione',
|
|
149
|
+
level: 3,
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
type: 'paragraph',
|
|
153
|
+
html: 'Se il WebP è il formato del server web, il PNG è il formato dello studio di design. Questo strumento converte i tuoi asset WebP in PNG pronti per la produzione, con trasparenza intatta e massima qualità - tutto nel tuo browser e senza che i tuoi file lascino mai la tua macchina.',
|
|
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: 'it', faq, howTo }),
|
|
168
|
+
};
|