@jjlmoya/utils-converters 1.16.0 → 1.18.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 +4 -2
- package/src/category/i18n/de.ts +1 -1
- package/src/category/i18n/fr.ts +9 -9
- package/src/category/i18n/ru.ts +1 -1
- package/src/category/i18n/sv.ts +1 -1
- package/src/data.ts +0 -21
- package/src/layouts/PreviewLayout.astro +2 -1
- package/src/pages/[locale]/[slug].astro +28 -12
- package/src/tests/diacritics_density.test.ts +118 -0
- package/src/tests/inverted_punctuation.test.ts +84 -0
- package/src/tests/no_en_dash.test.ts +70 -0
- package/src/tests/pagespeed_best_practices.test.ts +198 -0
- package/src/tests/script_density.test.ts +94 -0
- package/src/tests/shared-test-helpers.ts +56 -0
- package/src/tests/tool_exports.test.ts +34 -0
- package/src/tool/avifAJpg/bibliography.ts +12 -0
- package/src/tool/avifAJpg/entry.ts +2 -0
- package/src/tool/avifAJpg/i18n/de.ts +2 -12
- package/src/tool/avifAJpg/i18n/en.ts +2 -12
- package/src/tool/avifAJpg/i18n/es.ts +2 -12
- package/src/tool/avifAJpg/i18n/fr.ts +11 -21
- package/src/tool/avifAJpg/i18n/id.ts +2 -12
- package/src/tool/avifAJpg/i18n/it.ts +2 -12
- package/src/tool/avifAJpg/i18n/ja.ts +1 -11
- package/src/tool/avifAJpg/i18n/ko.ts +1 -11
- package/src/tool/avifAJpg/i18n/nl.ts +2 -12
- package/src/tool/avifAJpg/i18n/pl.ts +2 -12
- package/src/tool/avifAJpg/i18n/pt.ts +2 -12
- package/src/tool/avifAJpg/i18n/ru.ts +7 -17
- package/src/tool/avifAJpg/i18n/sv.ts +2 -12
- package/src/tool/avifAJpg/i18n/tr.ts +1 -11
- package/src/tool/avifAJpg/i18n/zh.ts +4 -14
- package/src/tool/avifAJpg/seo.astro +2 -1
- package/src/tool/avifAPng/bibliography.ts +12 -0
- package/src/tool/avifAPng/entry.ts +2 -0
- package/src/tool/avifAPng/i18n/de.ts +4 -14
- package/src/tool/avifAPng/i18n/en.ts +4 -14
- package/src/tool/avifAPng/i18n/es.ts +4 -14
- package/src/tool/avifAPng/i18n/fr.ts +10 -20
- package/src/tool/avifAPng/i18n/id.ts +4 -14
- package/src/tool/avifAPng/i18n/it.ts +1 -11
- package/src/tool/avifAPng/i18n/ja.ts +1 -11
- package/src/tool/avifAPng/i18n/ko.ts +1 -11
- package/src/tool/avifAPng/i18n/nl.ts +4 -14
- package/src/tool/avifAPng/i18n/pl.ts +4 -14
- package/src/tool/avifAPng/i18n/pt.ts +4 -14
- package/src/tool/avifAPng/i18n/ru.ts +5 -15
- package/src/tool/avifAPng/i18n/sv.ts +4 -14
- package/src/tool/avifAPng/i18n/tr.ts +1 -11
- package/src/tool/avifAPng/i18n/zh.ts +3 -13
- package/src/tool/avifAPng/seo.astro +2 -1
- package/src/tool/avifAWebp/bibliography.ts +12 -0
- package/src/tool/avifAWebp/entry.ts +2 -0
- package/src/tool/avifAWebp/i18n/de.ts +6 -16
- package/src/tool/avifAWebp/i18n/en.ts +6 -16
- package/src/tool/avifAWebp/i18n/es.ts +6 -16
- package/src/tool/avifAWebp/i18n/fr.ts +13 -23
- package/src/tool/avifAWebp/i18n/id.ts +6 -16
- package/src/tool/avifAWebp/i18n/it.ts +1 -11
- package/src/tool/avifAWebp/i18n/ja.ts +1 -11
- package/src/tool/avifAWebp/i18n/ko.ts +2 -12
- package/src/tool/avifAWebp/i18n/nl.ts +6 -16
- package/src/tool/avifAWebp/i18n/pl.ts +6 -16
- package/src/tool/avifAWebp/i18n/pt.ts +6 -16
- package/src/tool/avifAWebp/i18n/ru.ts +7 -17
- package/src/tool/avifAWebp/i18n/sv.ts +6 -16
- package/src/tool/avifAWebp/i18n/tr.ts +2 -12
- package/src/tool/avifAWebp/i18n/zh.ts +6 -16
- package/src/tool/avifAWebp/seo.astro +2 -1
- package/src/tool/bmpAJpg/bibliography.ts +12 -0
- package/src/tool/bmpAJpg/entry.ts +2 -0
- package/src/tool/bmpAJpg/i18n/de.ts +1 -11
- package/src/tool/bmpAJpg/i18n/en.ts +1 -11
- package/src/tool/bmpAJpg/i18n/es.ts +1 -11
- package/src/tool/bmpAJpg/i18n/fr.ts +9 -19
- package/src/tool/bmpAJpg/i18n/id.ts +1 -11
- package/src/tool/bmpAJpg/i18n/it.ts +1 -11
- package/src/tool/bmpAJpg/i18n/ja.ts +1 -11
- package/src/tool/bmpAJpg/i18n/ko.ts +1 -11
- package/src/tool/bmpAJpg/i18n/nl.ts +1 -11
- package/src/tool/bmpAJpg/i18n/pl.ts +1 -11
- package/src/tool/bmpAJpg/i18n/pt.ts +1 -11
- package/src/tool/bmpAJpg/i18n/ru.ts +5 -15
- package/src/tool/bmpAJpg/i18n/sv.ts +1 -11
- package/src/tool/bmpAJpg/i18n/tr.ts +1 -11
- package/src/tool/bmpAJpg/i18n/zh.ts +1 -11
- package/src/tool/bmpAJpg/seo.astro +2 -1
- package/src/tool/bmpAPng/bibliography.ts +12 -0
- package/src/tool/bmpAPng/entry.ts +2 -0
- package/src/tool/bmpAPng/i18n/de.ts +2 -12
- package/src/tool/bmpAPng/i18n/en.ts +3 -13
- package/src/tool/bmpAPng/i18n/es.ts +2 -12
- package/src/tool/bmpAPng/i18n/fr.ts +12 -22
- package/src/tool/bmpAPng/i18n/id.ts +2 -12
- package/src/tool/bmpAPng/i18n/it.ts +2 -12
- package/src/tool/bmpAPng/i18n/ja.ts +1 -11
- package/src/tool/bmpAPng/i18n/ko.ts +1 -11
- package/src/tool/bmpAPng/i18n/nl.ts +2 -12
- package/src/tool/bmpAPng/i18n/pl.ts +2 -12
- package/src/tool/bmpAPng/i18n/pt.ts +2 -12
- package/src/tool/bmpAPng/i18n/ru.ts +9 -19
- package/src/tool/bmpAPng/i18n/sv.ts +2 -12
- package/src/tool/bmpAPng/i18n/tr.ts +1 -11
- package/src/tool/bmpAPng/i18n/zh.ts +1 -11
- package/src/tool/bmpAPng/seo.astro +2 -1
- package/src/tool/bmpAWebp/bibliography.ts +12 -0
- package/src/tool/bmpAWebp/entry.ts +2 -0
- package/src/tool/bmpAWebp/i18n/de.ts +8 -18
- package/src/tool/bmpAWebp/i18n/en.ts +8 -18
- package/src/tool/bmpAWebp/i18n/es.ts +8 -18
- package/src/tool/bmpAWebp/i18n/fr.ts +13 -23
- package/src/tool/bmpAWebp/i18n/id.ts +8 -18
- package/src/tool/bmpAWebp/i18n/it.ts +8 -18
- package/src/tool/bmpAWebp/i18n/ja.ts +7 -17
- package/src/tool/bmpAWebp/i18n/ko.ts +7 -17
- package/src/tool/bmpAWebp/i18n/nl.ts +8 -18
- package/src/tool/bmpAWebp/i18n/pl.ts +8 -18
- package/src/tool/bmpAWebp/i18n/pt.ts +8 -18
- package/src/tool/bmpAWebp/i18n/ru.ts +10 -20
- package/src/tool/bmpAWebp/i18n/sv.ts +8 -18
- package/src/tool/bmpAWebp/i18n/tr.ts +8 -18
- package/src/tool/bmpAWebp/i18n/zh.ts +8 -18
- package/src/tool/bmpAWebp/seo.astro +2 -1
- package/src/tool/gifAJpg/bibliography.ts +12 -0
- package/src/tool/gifAJpg/entry.ts +2 -0
- package/src/tool/gifAJpg/i18n/de.ts +1 -11
- package/src/tool/gifAJpg/i18n/en.ts +1 -11
- package/src/tool/gifAJpg/i18n/es.ts +1 -11
- package/src/tool/gifAJpg/i18n/fr.ts +9 -19
- package/src/tool/gifAJpg/i18n/id.ts +1 -11
- package/src/tool/gifAJpg/i18n/it.ts +1 -11
- package/src/tool/gifAJpg/i18n/ja.ts +1 -11
- package/src/tool/gifAJpg/i18n/ko.ts +1 -11
- package/src/tool/gifAJpg/i18n/nl.ts +1 -11
- package/src/tool/gifAJpg/i18n/pl.ts +1 -11
- package/src/tool/gifAJpg/i18n/pt.ts +1 -11
- package/src/tool/gifAJpg/i18n/ru.ts +2 -12
- package/src/tool/gifAJpg/i18n/sv.ts +1 -11
- package/src/tool/gifAJpg/i18n/tr.ts +1 -11
- package/src/tool/gifAJpg/i18n/zh.ts +1 -11
- package/src/tool/gifAJpg/seo.astro +2 -1
- package/src/tool/gifAPng/bibliography.ts +12 -0
- package/src/tool/gifAPng/entry.ts +2 -0
- package/src/tool/gifAPng/i18n/de.ts +2 -12
- package/src/tool/gifAPng/i18n/en.ts +3 -13
- package/src/tool/gifAPng/i18n/es.ts +2 -12
- package/src/tool/gifAPng/i18n/fr.ts +11 -21
- package/src/tool/gifAPng/i18n/id.ts +2 -12
- package/src/tool/gifAPng/i18n/it.ts +2 -12
- package/src/tool/gifAPng/i18n/ja.ts +1 -11
- package/src/tool/gifAPng/i18n/ko.ts +1 -11
- package/src/tool/gifAPng/i18n/nl.ts +2 -12
- package/src/tool/gifAPng/i18n/pl.ts +3 -13
- package/src/tool/gifAPng/i18n/pt.ts +2 -12
- package/src/tool/gifAPng/i18n/ru.ts +3 -13
- package/src/tool/gifAPng/i18n/sv.ts +3 -13
- package/src/tool/gifAPng/i18n/tr.ts +1 -11
- package/src/tool/gifAPng/i18n/zh.ts +2 -12
- package/src/tool/gifAPng/seo.astro +2 -1
- package/src/tool/gifAWebp/bibliography.ts +12 -0
- package/src/tool/gifAWebp/entry.ts +2 -0
- package/src/tool/gifAWebp/i18n/de.ts +3 -13
- package/src/tool/gifAWebp/i18n/en.ts +3 -13
- package/src/tool/gifAWebp/i18n/es.ts +1 -11
- package/src/tool/gifAWebp/i18n/fr.ts +11 -21
- package/src/tool/gifAWebp/i18n/id.ts +3 -13
- package/src/tool/gifAWebp/i18n/it.ts +1 -11
- package/src/tool/gifAWebp/i18n/ja.ts +1 -11
- package/src/tool/gifAWebp/i18n/ko.ts +1 -11
- package/src/tool/gifAWebp/i18n/nl.ts +3 -13
- package/src/tool/gifAWebp/i18n/pl.ts +3 -13
- package/src/tool/gifAWebp/i18n/pt.ts +3 -13
- package/src/tool/gifAWebp/i18n/ru.ts +7 -17
- package/src/tool/gifAWebp/i18n/sv.ts +3 -13
- package/src/tool/gifAWebp/i18n/tr.ts +1 -11
- package/src/tool/gifAWebp/i18n/zh.ts +4 -14
- package/src/tool/gifAWebp/seo.astro +2 -1
- package/src/tool/imagenBase64/bibliography.ts +12 -0
- package/src/tool/imagenBase64/entry.ts +2 -0
- package/src/tool/imagenBase64/i18n/de.ts +7 -17
- package/src/tool/imagenBase64/i18n/en.ts +7 -17
- package/src/tool/imagenBase64/i18n/es.ts +7 -17
- package/src/tool/imagenBase64/i18n/fr.ts +17 -27
- package/src/tool/imagenBase64/i18n/id.ts +7 -17
- package/src/tool/imagenBase64/i18n/it.ts +6 -16
- package/src/tool/imagenBase64/i18n/ja.ts +1 -11
- package/src/tool/imagenBase64/i18n/ko.ts +1 -11
- package/src/tool/imagenBase64/i18n/nl.ts +7 -17
- package/src/tool/imagenBase64/i18n/pl.ts +7 -17
- package/src/tool/imagenBase64/i18n/pt.ts +7 -17
- package/src/tool/imagenBase64/i18n/ru.ts +9 -19
- package/src/tool/imagenBase64/i18n/sv.ts +7 -17
- package/src/tool/imagenBase64/i18n/tr.ts +2 -12
- package/src/tool/imagenBase64/i18n/zh.ts +7 -17
- package/src/tool/imagenBase64/seo.astro +2 -1
- package/src/tool/jpgAIco/bibliography.ts +12 -0
- package/src/tool/jpgAIco/entry.ts +2 -0
- package/src/tool/jpgAIco/i18n/de.ts +9 -19
- package/src/tool/jpgAIco/i18n/en.ts +9 -19
- package/src/tool/jpgAIco/i18n/es.ts +7 -17
- package/src/tool/jpgAIco/i18n/fr.ts +13 -23
- package/src/tool/jpgAIco/i18n/id.ts +9 -19
- package/src/tool/jpgAIco/i18n/it.ts +3 -13
- package/src/tool/jpgAIco/i18n/ja.ts +2 -12
- package/src/tool/jpgAIco/i18n/ko.ts +2 -12
- package/src/tool/jpgAIco/i18n/nl.ts +9 -19
- package/src/tool/jpgAIco/i18n/pl.ts +9 -19
- package/src/tool/jpgAIco/i18n/pt.ts +9 -19
- package/src/tool/jpgAIco/i18n/ru.ts +11 -21
- package/src/tool/jpgAIco/i18n/sv.ts +9 -19
- package/src/tool/jpgAIco/i18n/tr.ts +3 -13
- package/src/tool/jpgAIco/i18n/zh.ts +9 -19
- package/src/tool/jpgAIco/seo.astro +2 -1
- package/src/tool/jpgAPng/bibliography.ts +12 -0
- package/src/tool/jpgAPng/entry.ts +2 -0
- package/src/tool/jpgAPng/i18n/de.ts +7 -17
- package/src/tool/jpgAPng/i18n/en.ts +9 -19
- package/src/tool/jpgAPng/i18n/es.ts +7 -17
- package/src/tool/jpgAPng/i18n/fr.ts +13 -23
- package/src/tool/jpgAPng/i18n/id.ts +7 -17
- package/src/tool/jpgAPng/i18n/it.ts +5 -15
- package/src/tool/jpgAPng/i18n/ja.ts +3 -13
- package/src/tool/jpgAPng/i18n/ko.ts +3 -13
- package/src/tool/jpgAPng/i18n/nl.ts +7 -17
- package/src/tool/jpgAPng/i18n/pl.ts +7 -17
- package/src/tool/jpgAPng/i18n/pt.ts +7 -17
- package/src/tool/jpgAPng/i18n/ru.ts +10 -20
- package/src/tool/jpgAPng/i18n/sv.ts +7 -17
- package/src/tool/jpgAPng/i18n/tr.ts +6 -16
- package/src/tool/jpgAPng/i18n/zh.ts +8 -18
- package/src/tool/jpgAPng/seo.astro +2 -1
- package/src/tool/jpgAWebp/bibliography.ts +12 -0
- package/src/tool/jpgAWebp/entry.ts +2 -0
- package/src/tool/jpgAWebp/i18n/de.ts +10 -20
- package/src/tool/jpgAWebp/i18n/en.ts +10 -20
- package/src/tool/jpgAWebp/i18n/es.ts +4 -14
- package/src/tool/jpgAWebp/i18n/fr.ts +16 -26
- package/src/tool/jpgAWebp/i18n/id.ts +10 -20
- package/src/tool/jpgAWebp/i18n/it.ts +6 -16
- package/src/tool/jpgAWebp/i18n/ja.ts +2 -12
- package/src/tool/jpgAWebp/i18n/ko.ts +3 -13
- package/src/tool/jpgAWebp/i18n/nl.ts +10 -20
- package/src/tool/jpgAWebp/i18n/pl.ts +10 -20
- package/src/tool/jpgAWebp/i18n/pt.ts +10 -20
- package/src/tool/jpgAWebp/i18n/ru.ts +10 -20
- package/src/tool/jpgAWebp/i18n/sv.ts +10 -20
- package/src/tool/jpgAWebp/i18n/tr.ts +5 -15
- package/src/tool/jpgAWebp/i18n/zh.ts +9 -19
- package/src/tool/jpgAWebp/seo.astro +2 -1
- package/src/tool/pngAIco/bibliography.ts +12 -0
- package/src/tool/pngAIco/entry.ts +2 -0
- package/src/tool/pngAIco/i18n/de.ts +8 -18
- package/src/tool/pngAIco/i18n/en.ts +8 -18
- package/src/tool/pngAIco/i18n/es.ts +8 -18
- package/src/tool/pngAIco/i18n/fr.ts +14 -24
- package/src/tool/pngAIco/i18n/id.ts +8 -18
- package/src/tool/pngAIco/i18n/it.ts +4 -14
- package/src/tool/pngAIco/i18n/ja.ts +2 -12
- package/src/tool/pngAIco/i18n/ko.ts +2 -12
- package/src/tool/pngAIco/i18n/nl.ts +8 -18
- package/src/tool/pngAIco/i18n/pl.ts +8 -18
- package/src/tool/pngAIco/i18n/pt.ts +8 -18
- package/src/tool/pngAIco/i18n/ru.ts +11 -21
- package/src/tool/pngAIco/i18n/sv.ts +8 -18
- package/src/tool/pngAIco/i18n/tr.ts +7 -17
- package/src/tool/pngAIco/i18n/zh.ts +8 -18
- package/src/tool/pngAIco/seo.astro +2 -1
- package/src/tool/pngAJpg/bibliography.ts +12 -0
- package/src/tool/pngAJpg/entry.ts +2 -0
- package/src/tool/pngAJpg/i18n/de.ts +1 -11
- package/src/tool/pngAJpg/i18n/en.ts +1 -11
- package/src/tool/pngAJpg/i18n/es.ts +1 -11
- package/src/tool/pngAJpg/i18n/fr.ts +3 -13
- package/src/tool/pngAJpg/i18n/id.ts +1 -11
- package/src/tool/pngAJpg/i18n/it.ts +1 -11
- package/src/tool/pngAJpg/i18n/ja.ts +1 -11
- package/src/tool/pngAJpg/i18n/ko.ts +1 -11
- package/src/tool/pngAJpg/i18n/nl.ts +1 -11
- package/src/tool/pngAJpg/i18n/pl.ts +7 -17
- package/src/tool/pngAJpg/i18n/pt.ts +1 -11
- package/src/tool/pngAJpg/i18n/ru.ts +9 -19
- package/src/tool/pngAJpg/i18n/sv.ts +1 -11
- package/src/tool/pngAJpg/i18n/tr.ts +1 -11
- package/src/tool/pngAJpg/i18n/zh.ts +6 -16
- package/src/tool/pngAJpg/seo.astro +2 -1
- package/src/tool/pngAWebp/bibliography.ts +16 -0
- package/src/tool/pngAWebp/entry.ts +2 -0
- package/src/tool/pngAWebp/i18n/de.ts +7 -21
- package/src/tool/pngAWebp/i18n/en.ts +7 -21
- package/src/tool/pngAWebp/i18n/es.ts +6 -20
- package/src/tool/pngAWebp/i18n/fr.ts +13 -27
- package/src/tool/pngAWebp/i18n/id.ts +7 -21
- package/src/tool/pngAWebp/i18n/it.ts +3 -17
- package/src/tool/pngAWebp/i18n/ja.ts +2 -16
- package/src/tool/pngAWebp/i18n/ko.ts +2 -16
- package/src/tool/pngAWebp/i18n/nl.ts +7 -21
- package/src/tool/pngAWebp/i18n/pl.ts +7 -21
- package/src/tool/pngAWebp/i18n/pt.ts +6 -20
- package/src/tool/pngAWebp/i18n/ru.ts +8 -22
- package/src/tool/pngAWebp/i18n/sv.ts +7 -21
- package/src/tool/pngAWebp/i18n/tr.ts +6 -20
- package/src/tool/pngAWebp/i18n/zh.ts +6 -20
- package/src/tool/pngAWebp/seo.astro +2 -1
- package/src/tool/svgAJpg/bibliography.ts +12 -0
- package/src/tool/svgAJpg/entry.ts +2 -0
- package/src/tool/svgAJpg/i18n/de.ts +2 -12
- package/src/tool/svgAJpg/i18n/en.ts +1 -11
- package/src/tool/svgAJpg/i18n/es.ts +1 -11
- package/src/tool/svgAJpg/i18n/fr.ts +6 -16
- package/src/tool/svgAJpg/i18n/id.ts +1 -11
- package/src/tool/svgAJpg/i18n/it.ts +1 -11
- package/src/tool/svgAJpg/i18n/ja.ts +1 -11
- package/src/tool/svgAJpg/i18n/ko.ts +1 -11
- package/src/tool/svgAJpg/i18n/nl.ts +1 -11
- package/src/tool/svgAJpg/i18n/pl.ts +1 -11
- package/src/tool/svgAJpg/i18n/pt.ts +1 -11
- package/src/tool/svgAJpg/i18n/ru.ts +3 -13
- package/src/tool/svgAJpg/i18n/sv.ts +1 -11
- package/src/tool/svgAJpg/i18n/tr.ts +1 -11
- package/src/tool/svgAJpg/i18n/zh.ts +1 -11
- package/src/tool/svgAJpg/seo.astro +2 -1
- package/src/tool/svgAPng/bibliography.ts +12 -0
- package/src/tool/svgAPng/entry.ts +2 -0
- package/src/tool/svgAPng/i18n/de.ts +3 -13
- package/src/tool/svgAPng/i18n/en.ts +3 -13
- package/src/tool/svgAPng/i18n/es.ts +1 -11
- package/src/tool/svgAPng/i18n/fr.ts +9 -19
- package/src/tool/svgAPng/i18n/id.ts +3 -13
- package/src/tool/svgAPng/i18n/it.ts +3 -13
- package/src/tool/svgAPng/i18n/ja.ts +1 -11
- package/src/tool/svgAPng/i18n/ko.ts +1 -11
- package/src/tool/svgAPng/i18n/nl.ts +3 -13
- package/src/tool/svgAPng/i18n/pl.ts +3 -13
- package/src/tool/svgAPng/i18n/pt.ts +3 -13
- package/src/tool/svgAPng/i18n/ru.ts +5 -15
- package/src/tool/svgAPng/i18n/sv.ts +3 -13
- package/src/tool/svgAPng/i18n/tr.ts +3 -13
- package/src/tool/svgAPng/i18n/zh.ts +3 -13
- package/src/tool/svgAPng/seo.astro +2 -1
- package/src/tool/webpAIco/bibliography.ts +12 -0
- package/src/tool/webpAIco/entry.ts +2 -0
- package/src/tool/webpAIco/i18n/de.ts +1 -11
- package/src/tool/webpAIco/i18n/en.ts +1 -11
- package/src/tool/webpAIco/i18n/es.ts +1 -11
- package/src/tool/webpAIco/i18n/fr.ts +5 -15
- package/src/tool/webpAIco/i18n/id.ts +1 -11
- package/src/tool/webpAIco/i18n/it.ts +1 -11
- package/src/tool/webpAIco/i18n/ja.ts +1 -11
- package/src/tool/webpAIco/i18n/ko.ts +1 -11
- package/src/tool/webpAIco/i18n/nl.ts +1 -11
- package/src/tool/webpAIco/i18n/pl.ts +1 -11
- package/src/tool/webpAIco/i18n/pt.ts +1 -11
- package/src/tool/webpAIco/i18n/ru.ts +3 -13
- package/src/tool/webpAIco/i18n/sv.ts +1 -11
- package/src/tool/webpAIco/i18n/tr.ts +1 -11
- package/src/tool/webpAIco/i18n/zh.ts +1 -12
- package/src/tool/webpAIco/seo.astro +2 -1
- package/src/tool/webpAJpg/bibliography.ts +16 -0
- package/src/tool/webpAJpg/entry.ts +2 -0
- package/src/tool/webpAJpg/i18n/de.ts +3 -17
- package/src/tool/webpAJpg/i18n/en.ts +3 -17
- package/src/tool/webpAJpg/i18n/es.ts +1 -15
- package/src/tool/webpAJpg/i18n/fr.ts +10 -24
- package/src/tool/webpAJpg/i18n/id.ts +3 -17
- package/src/tool/webpAJpg/i18n/it.ts +2 -16
- package/src/tool/webpAJpg/i18n/ja.ts +1 -15
- package/src/tool/webpAJpg/i18n/ko.ts +1 -15
- package/src/tool/webpAJpg/i18n/nl.ts +2 -16
- package/src/tool/webpAJpg/i18n/pl.ts +3 -17
- package/src/tool/webpAJpg/i18n/pt.ts +3 -17
- package/src/tool/webpAJpg/i18n/ru.ts +7 -21
- package/src/tool/webpAJpg/i18n/sv.ts +3 -17
- package/src/tool/webpAJpg/i18n/tr.ts +2 -16
- package/src/tool/webpAJpg/i18n/zh.ts +2 -16
- package/src/tool/webpAJpg/seo.astro +2 -1
- package/src/tool/webpAPng/bibliography.ts +16 -0
- package/src/tool/webpAPng/entry.ts +2 -0
- package/src/tool/webpAPng/i18n/de.ts +3 -17
- package/src/tool/webpAPng/i18n/en.ts +3 -17
- package/src/tool/webpAPng/i18n/es.ts +1 -15
- package/src/tool/webpAPng/i18n/fr.ts +9 -23
- package/src/tool/webpAPng/i18n/id.ts +3 -17
- package/src/tool/webpAPng/i18n/it.ts +3 -17
- package/src/tool/webpAPng/i18n/ja.ts +1 -15
- package/src/tool/webpAPng/i18n/ko.ts +1 -15
- package/src/tool/webpAPng/i18n/nl.ts +3 -17
- package/src/tool/webpAPng/i18n/pl.ts +3 -17
- package/src/tool/webpAPng/i18n/pt.ts +3 -17
- package/src/tool/webpAPng/i18n/ru.ts +4 -18
- package/src/tool/webpAPng/i18n/sv.ts +3 -17
- package/src/tool/webpAPng/i18n/tr.ts +2 -17
- package/src/tool/webpAPng/i18n/zh.ts +3 -17
- package/src/tool/webpAPng/seo.astro +2 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
1
2
|
import type { ImagenBase64LocaleContent } from '../index';
|
|
2
3
|
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
3
4
|
import type { ImageToBase64UI } from '../index';
|
|
@@ -60,17 +61,6 @@ const howTo: ImagenBase64LocaleContent['howTo'] = [
|
|
|
60
61
|
},
|
|
61
62
|
];
|
|
62
63
|
|
|
63
|
-
const bibliography: ImagenBase64LocaleContent['bibliography'] = [
|
|
64
|
-
{
|
|
65
|
-
name: 'MDN Web Docs: Data URIs',
|
|
66
|
-
url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
name: 'Base64 Kodierung RFC 4648',
|
|
70
|
-
url: 'https://datatracker.ietf.org/doc/html/rfc4648',
|
|
71
|
-
},
|
|
72
|
-
];
|
|
73
|
-
|
|
74
64
|
const seo: ImagenBase64LocaleContent['seo'] = [
|
|
75
65
|
{
|
|
76
66
|
type: 'title',
|
|
@@ -79,7 +69,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
79
69
|
},
|
|
80
70
|
{
|
|
81
71
|
type: 'paragraph',
|
|
82
|
-
html: 'Base64 ist eine Kodierungstechnik, die Binärdaten
|
|
72
|
+
html: 'Base64 ist eine Kodierungstechnik, die Binärdaten - wie ein Bild - in eine reine ASCII-Textzeichenfolge transformiert. Das Ergebnis ist eine Data URI: eine in sich geschlossene URL, die mit <code>data:image/png;base64,...</code> beginnt und das gesamte kodierte Bild enthält. Durch das direkte Einbetten dieses Codes in Ihr HTML, CSS oder JSON wird das Bild ohne zusätzliche HTTP-Anfrage an den Server geladen - null Netzwerklatenz, sofortiges Laden.',
|
|
83
73
|
},
|
|
84
74
|
{
|
|
85
75
|
type: 'title',
|
|
@@ -88,7 +78,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
88
78
|
},
|
|
89
79
|
{
|
|
90
80
|
type: 'paragraph',
|
|
91
|
-
html: 'Das Hauptargument für Base64 ist die Eliminierung von Netzwerkanfragen. Jedes Bild auf einer Webseite bedeutet eine HTTP-Anfrage mit dem entsprechenden Overhead für Verbindung, DNS, TLS-Handshake und Latenz. Bei sehr kleinen, kritischen Bildern
|
|
81
|
+
html: 'Das Hauptargument für Base64 ist die Eliminierung von Netzwerkanfragen. Jedes Bild auf einer Webseite bedeutet eine HTTP-Anfrage mit dem entsprechenden Overhead für Verbindung, DNS, TLS-Handshake und Latenz. Bei sehr kleinen, kritischen Bildern - dem Hauptlogo der Anwendung, dem Favicon oder einem UI-Icon - eliminiert das Einbetten in Base64 in CSS oder HTML diese Kosten und garantiert eine sofortige Anzeige, noch bevor der Browser etwas zwischengespeichert hat.',
|
|
92
82
|
},
|
|
93
83
|
{
|
|
94
84
|
type: 'paragraph',
|
|
@@ -117,12 +107,12 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
117
107
|
},
|
|
118
108
|
{
|
|
119
109
|
type: 'paragraph',
|
|
120
|
-
html: 'Wenn Sie ein Bild auswählen oder ziehen, liest die <code>FileReader</code>-API des Browsers es direkt von der Festplatte als Binärdaten in den RAM. Die Methode <code>readAsDataURL()</code> konvertiert diese Binärbytes mithilfe des RFC 4648-Algorithmus in ihre Base64-Darstellung
|
|
110
|
+
html: 'Wenn Sie ein Bild auswählen oder ziehen, liest die <code>FileReader</code>-API des Browsers es direkt von der Festplatte als Binärdaten in den RAM. Die Methode <code>readAsDataURL()</code> konvertiert diese Binärbytes mithilfe des RFC 4648-Algorithmus in ihre Base64-Darstellung - alle 3 Bytes der Originaldaten werden als 4 ASCII-Zeichen aus dem Base64-Alphabet dargestellt. Das Ergebnis enthält den automatisch erkannten korrekten MIME-Typ.',
|
|
121
111
|
},
|
|
122
112
|
{
|
|
123
113
|
type: 'tip',
|
|
124
114
|
title: 'Nur für kleine Bilder verwenden (unter 10 KB)',
|
|
125
|
-
html: 'Base64 erhöht die Dateigröße um etwa 33 %: Ein 10 KB großes Bild wird zu ca. 13,3 KB Text. Bei kleinen Icons und Logos ist dieser Aufwand minimal, und die Eliminierung der HTTP-Anfrage gleicht dies aus. Bei Fotos oder großen Bildern ist der Größen-Overhead signifikant
|
|
115
|
+
html: 'Base64 erhöht die Dateigröße um etwa 33 %: Ein 10 KB großes Bild wird zu ca. 13,3 KB Text. Bei kleinen Icons und Logos ist dieser Aufwand minimal, und die Eliminierung der HTTP-Anfrage gleicht dies aus. Bei Fotos oder großen Bildern ist der Größen-Overhead signifikant - verwenden Sie für große Bilder immer ein CDN.',
|
|
126
116
|
},
|
|
127
117
|
{
|
|
128
118
|
type: 'title',
|
|
@@ -131,7 +121,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
131
121
|
},
|
|
132
122
|
{
|
|
133
123
|
type: 'tip',
|
|
134
|
-
title: 'Vermeiden Sie Base64 für große Bilder
|
|
124
|
+
title: 'Vermeiden Sie Base64 für große Bilder: nutzen Sie ein CDN',
|
|
135
125
|
html: 'Wenn Sie Bilder haben, die größer als 10-20 KB sind, schadet Base64 der Performance: Es bläht die HTML/CSS-Größe auf, verhindert, dass der Browser das Bild unabhängig zwischenspeichert, und blockiert das Rendering, während der Parser den riesigen String verarbeitet. Für große Bilder sollten Sie immer ein CDN mit entsprechenden Cache-Headern verwenden.',
|
|
136
126
|
},
|
|
137
127
|
{
|
|
@@ -141,7 +131,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
141
131
|
},
|
|
142
132
|
{
|
|
143
133
|
type: 'paragraph',
|
|
144
|
-
html: 'Data URIs sind mit 100 % der modernen Browser und den meisten E-Mail-Clients kompatibel. Unser Tool verarbeitet alles lokal über die FileReader-API
|
|
134
|
+
html: 'Data URIs sind mit 100 % der modernen Browser und den meisten E-Mail-Clients kompatibel. Unser Tool verarbeitet alles lokal über die FileReader-API - Ihre Bilder verlassen niemals Ihr Gerät. Damit eignet es sich für Unternehmensbilder, private Screenshots oder alle vertraulichen visuellen Inhalte, die Sie in Base64 konvertieren müssen.',
|
|
145
135
|
},
|
|
146
136
|
{
|
|
147
137
|
type: 'title',
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
1
2
|
import type { ImagenBase64LocaleContent } from '../index';
|
|
2
3
|
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
3
4
|
import type { ImageToBase64UI } from '../index';
|
|
@@ -60,17 +61,6 @@ const howTo: ImagenBase64LocaleContent['howTo'] = [
|
|
|
60
61
|
},
|
|
61
62
|
];
|
|
62
63
|
|
|
63
|
-
const bibliography: ImagenBase64LocaleContent['bibliography'] = [
|
|
64
|
-
{
|
|
65
|
-
name: 'MDN Web Docs: Data URIs',
|
|
66
|
-
url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
name: 'Base64 Encoding RFC 4648',
|
|
70
|
-
url: 'https://datatracker.ietf.org/doc/html/rfc4648',
|
|
71
|
-
},
|
|
72
|
-
];
|
|
73
|
-
|
|
74
64
|
const seo: ImagenBase64LocaleContent['seo'] = [
|
|
75
65
|
{
|
|
76
66
|
type: 'title',
|
|
@@ -79,7 +69,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
79
69
|
},
|
|
80
70
|
{
|
|
81
71
|
type: 'paragraph',
|
|
82
|
-
html: 'Base64 is an encoding technique that transforms binary data
|
|
72
|
+
html: 'Base64 is an encoding technique that transforms binary data - like an image - into a pure ASCII text string. The result is a Data URI: a self-contained URL that starts with <code>data:image/png;base64,...</code> and contains the entire encoded image. By embedding this code directly in your HTML, CSS or JSON, the image loads without any additional HTTP request to the server - zero network latency, instant loading.',
|
|
83
73
|
},
|
|
84
74
|
{
|
|
85
75
|
type: 'title',
|
|
@@ -88,7 +78,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
88
78
|
},
|
|
89
79
|
{
|
|
90
80
|
type: 'paragraph',
|
|
91
|
-
html: 'The main argument for Base64 is the elimination of network requests. Every image on a web page means an HTTP request with its overhead of connection, DNS, TLS handshake and latency. For very small critical images
|
|
81
|
+
html: 'The main argument for Base64 is the elimination of network requests. Every image on a web page means an HTTP request with its overhead of connection, DNS, TLS handshake and latency. For very small critical images - the main application logo, favicon, a UI icon - embedding them in Base64 in the CSS or HTML eliminates that cost and guarantees they display instantly even before the browser has cached anything.',
|
|
92
82
|
},
|
|
93
83
|
{
|
|
94
84
|
type: 'paragraph',
|
|
@@ -117,12 +107,12 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
117
107
|
},
|
|
118
108
|
{
|
|
119
109
|
type: 'paragraph',
|
|
120
|
-
html: 'When you select or drag an image, the browser\'s <code>FileReader</code> API reads it directly from disk as binary data in RAM. The <code>readAsDataURL()</code> method converts those binary bytes to their Base64 representation using the RFC 4648 algorithm
|
|
110
|
+
html: 'When you select or drag an image, the browser\'s <code>FileReader</code> API reads it directly from disk as binary data in RAM. The <code>readAsDataURL()</code> method converts those binary bytes to their Base64 representation using the RFC 4648 algorithm - every 3 bytes of original data are represented as 4 ASCII characters from the Base64 alphabet. The result includes the automatically detected correct MIME type.',
|
|
121
111
|
},
|
|
122
112
|
{
|
|
123
113
|
type: 'tip',
|
|
124
114
|
title: 'Use it only for small images (under 10 KB)',
|
|
125
|
-
html: 'Base64 increases file size by approximately 33%: a 10 KB image becomes ~13.3 KB of text. For small icons and logos this cost is minimal and the elimination of the HTTP request compensates for it. For photographs or large images, the size overhead is significant
|
|
115
|
+
html: 'Base64 increases file size by approximately 33%: a 10 KB image becomes ~13.3 KB of text. For small icons and logos this cost is minimal and the elimination of the HTTP request compensates for it. For photographs or large images, the size overhead is significant - always use a CDN for large images.',
|
|
126
116
|
},
|
|
127
117
|
{
|
|
128
118
|
type: 'title',
|
|
@@ -131,7 +121,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
131
121
|
},
|
|
132
122
|
{
|
|
133
123
|
type: 'tip',
|
|
134
|
-
title: 'Avoid Base64 for large images
|
|
124
|
+
title: 'Avoid Base64 for large images: use a CDN instead',
|
|
135
125
|
html: 'If you have images larger than 10-20 KB, Base64 hurts performance: it inflates HTML/CSS size, prevents the browser from caching the image independently, and blocks rendering while the parser processes the giant string. For large images, always serve from a CDN with appropriate cache headers.',
|
|
136
126
|
},
|
|
137
127
|
{
|
|
@@ -141,7 +131,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
141
131
|
},
|
|
142
132
|
{
|
|
143
133
|
type: 'paragraph',
|
|
144
|
-
html: 'Data URIs are compatible with 100% of modern browsers and most email clients. Our tool processes everything locally via the FileReader API
|
|
134
|
+
html: 'Data URIs are compatible with 100% of modern browsers and most email clients. Our tool processes everything locally via the FileReader API - your images never leave your device. This makes it suitable for corporate images, private screenshots or any confidential visual content that you need to convert to Base64.',
|
|
145
135
|
},
|
|
146
136
|
{
|
|
147
137
|
type: 'title',
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
1
2
|
import type { ImagenBase64LocaleContent } from '../index';
|
|
2
3
|
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
3
4
|
import type { ImageToBase64UI } from '../index';
|
|
@@ -60,17 +61,6 @@ const howTo: ImagenBase64LocaleContent['howTo'] = [
|
|
|
60
61
|
},
|
|
61
62
|
];
|
|
62
63
|
|
|
63
|
-
const bibliography: ImagenBase64LocaleContent['bibliography'] = [
|
|
64
|
-
{
|
|
65
|
-
name: 'MDN Web Docs: Data URIs',
|
|
66
|
-
url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
name: 'Base64 Encoding RFC 4648',
|
|
70
|
-
url: 'https://datatracker.ietf.org/doc/html/rfc4648',
|
|
71
|
-
},
|
|
72
|
-
];
|
|
73
|
-
|
|
74
64
|
const seo: ImagenBase64LocaleContent['seo'] = [
|
|
75
65
|
{
|
|
76
66
|
type: 'title',
|
|
@@ -79,7 +69,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
79
69
|
},
|
|
80
70
|
{
|
|
81
71
|
type: 'paragraph',
|
|
82
|
-
html: 'Base64 es una técnica de codificación que transforma datos binarios
|
|
72
|
+
html: 'Base64 es una técnica de codificación que transforma datos binarios - como una imagen - en una cadena de texto ASCII puro. El resultado es un Data URI: una URL auto-contenida que empieza por <code>data:image/png;base64,...</code> y contiene toda la imagen codificada. Al incrustar este código directamente en tu HTML, CSS o JSON, la imagen se carga sin ninguna petición HTTP adicional al servidor - cero latencia de red, carga instantánea.',
|
|
83
73
|
},
|
|
84
74
|
{
|
|
85
75
|
type: 'title',
|
|
@@ -88,7 +78,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
88
78
|
},
|
|
89
79
|
{
|
|
90
80
|
type: 'paragraph',
|
|
91
|
-
html: 'El principal argumento a favor de Base64 es la eliminación de peticiones de red. Cada imagen en una página web supone una petición HTTP con su overhead de conexión, DNS, handshake TLS y latencia. Para imágenes críticas muy pequeñas
|
|
81
|
+
html: 'El principal argumento a favor de Base64 es la eliminación de peticiones de red. Cada imagen en una página web supone una petición HTTP con su overhead de conexión, DNS, handshake TLS y latencia. Para imágenes críticas muy pequeñas - el logo principal de la aplicación, el favicon, un icono de UI - incrustarlas en Base64 en el CSS o HTML elimina ese coste y garantiza que se muestren de forma instantánea incluso antes de que el navegador haya cacheado nada.',
|
|
92
82
|
},
|
|
93
83
|
{
|
|
94
84
|
type: 'paragraph',
|
|
@@ -117,12 +107,12 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
117
107
|
},
|
|
118
108
|
{
|
|
119
109
|
type: 'paragraph',
|
|
120
|
-
html: 'Cuando seleccionas o arrastras una imagen, la API <code>FileReader</code> del navegador la lee directamente desde el disco como datos binarios en memoria RAM. El método <code>readAsDataURL()</code> convierte esos bytes binarios a su representación Base64 usando el algoritmo de RFC 4648
|
|
110
|
+
html: 'Cuando seleccionas o arrastras una imagen, la API <code>FileReader</code> del navegador la lee directamente desde el disco como datos binarios en memoria RAM. El método <code>readAsDataURL()</code> convierte esos bytes binarios a su representación Base64 usando el algoritmo de RFC 4648 - cada 3 bytes de datos originales se representan como 4 caracteres ASCII del alfabeto Base64. El resultado incluye el tipo MIME correcto detectado automáticamente.',
|
|
121
111
|
},
|
|
122
112
|
{
|
|
123
113
|
type: 'tip',
|
|
124
114
|
title: 'Úsalo solo para imágenes pequeñas (menos de 10 KB)',
|
|
125
|
-
html: 'Base64 aumenta el tamaño del archivo en aproximadamente un 33%: una imagen de 10 KB se convierte en ~13.3 KB de texto. Para iconos y logos pequeños este coste es mínimo y la eliminación de la petición HTTP lo compensa. Para fotografías o imágenes grandes, el overhead de tamaño es significativo
|
|
115
|
+
html: 'Base64 aumenta el tamaño del archivo en aproximadamente un 33%: una imagen de 10 KB se convierte en ~13.3 KB de texto. Para iconos y logos pequeños este coste es mínimo y la eliminación de la petición HTTP lo compensa. Para fotografías o imágenes grandes, el overhead de tamaño es significativo - usa siempre un CDN para imágenes grandes.',
|
|
126
116
|
},
|
|
127
117
|
{
|
|
128
118
|
type: 'title',
|
|
@@ -131,7 +121,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
131
121
|
},
|
|
132
122
|
{
|
|
133
123
|
type: 'tip',
|
|
134
|
-
title: 'Evita Base64 para imágenes grandes
|
|
124
|
+
title: 'Evita Base64 para imágenes grandes: usa un CDN',
|
|
135
125
|
html: 'Si tienes imágenes de más de 10-20 KB, Base64 perjudica el rendimiento: infla el tamaño del HTML/CSS, impide que el navegador cachee la imagen de forma independiente, y bloquea el render mientras el parser procesa el string gigante. Para imágenes grandes, sirve siempre desde un CDN con headers de caché apropiados.',
|
|
136
126
|
},
|
|
137
127
|
{
|
|
@@ -141,7 +131,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
141
131
|
},
|
|
142
132
|
{
|
|
143
133
|
type: 'paragraph',
|
|
144
|
-
html: 'Los Data URIs son compatibles con el 100% de los navegadores modernos y la mayoría de clientes de email. Nuestra herramienta procesa todo localmente mediante la API FileReader
|
|
134
|
+
html: 'Los Data URIs son compatibles con el 100% de los navegadores modernos y la mayoría de clientes de email. Nuestra herramienta procesa todo localmente mediante la API FileReader - tus imágenes nunca salen de tu dispositivo. Esto la hace adecuada para imágenes corporativas, capturas de pantalla privadas o cualquier contenido visual confidencial que necesites convertir a Base64.',
|
|
145
135
|
},
|
|
146
136
|
{
|
|
147
137
|
type: 'title',
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
1
2
|
import type { ImagenBase64LocaleContent } from '../index';
|
|
2
3
|
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
3
4
|
import type { ImageToBase64UI } from '../index';
|
|
@@ -52,7 +53,7 @@ const howTo: ImagenBase64LocaleContent['howTo'] = [
|
|
|
52
53
|
},
|
|
53
54
|
{
|
|
54
55
|
name: 'Copiez le code généré',
|
|
55
|
-
text: 'Vous verrez deux zones de texte
|
|
56
|
+
text: 'Vous verrez deux zones de texte: le Data URI complet (prêt à utiliser dans src="" ou CSS) et le Base64 pur pour d\'autres utilisations.',
|
|
56
57
|
},
|
|
57
58
|
{
|
|
58
59
|
name: 'Utilisez le code dans votre projet',
|
|
@@ -60,26 +61,15 @@ const howTo: ImagenBase64LocaleContent['howTo'] = [
|
|
|
60
61
|
},
|
|
61
62
|
];
|
|
62
63
|
|
|
63
|
-
const bibliography: ImagenBase64LocaleContent['bibliography'] = [
|
|
64
|
-
{
|
|
65
|
-
name: 'MDN Web Docs: Data URIs',
|
|
66
|
-
url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
name: 'Base64 Encoding RFC 4648',
|
|
70
|
-
url: 'https://datatracker.ietf.org/doc/html/rfc4648',
|
|
71
|
-
},
|
|
72
|
-
];
|
|
73
|
-
|
|
74
64
|
const seo: ImagenBase64LocaleContent['seo'] = [
|
|
75
65
|
{
|
|
76
66
|
type: 'title',
|
|
77
|
-
text: 'Convertisseur Image vers Base64
|
|
67
|
+
text: 'Convertisseur Image vers Base64: Intégrez des Images Sans Requêtes HTTP',
|
|
78
68
|
level: 2,
|
|
79
69
|
},
|
|
80
70
|
{
|
|
81
71
|
type: 'paragraph',
|
|
82
|
-
html: 'Base64 est une technique d\'encodage qui transforme des données binaires
|
|
72
|
+
html: 'Base64 est une technique d\'encodage qui transforme des données binaires - comme une image - en une chaîne de texte ASCII pur. Le résultat est un Data URI: une URL auto-contenue qui commence par <code>data:image/png;base64,...</code> et contient l\'image entière encodée. En intégrant ce code directement dans votre HTML, CSS ou JSON, l\'image se charge sans aucune requête HTTP supplémentaire au serveur - zéro latence réseau, chargement instantané.',
|
|
83
73
|
},
|
|
84
74
|
{
|
|
85
75
|
type: 'title',
|
|
@@ -88,11 +78,11 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
88
78
|
},
|
|
89
79
|
{
|
|
90
80
|
type: 'paragraph',
|
|
91
|
-
html: 'Le principal argument en faveur de Base64 est l\'élimination des requêtes réseau. Chaque image sur une page web représente une requête HTTP avec son overhead de connexion, DNS, handshake TLS et latence. Pour les très petites images critiques
|
|
81
|
+
html: 'Le principal argument en faveur de Base64 est l\'élimination des requêtes réseau. Chaque image sur une page web représente une requête HTTP avec son overhead de connexion, DNS, handshake TLS et latence. Pour les très petites images critiques - le logo principal de l\'application, le favicon, une icône d\'interface - les intégrer en Base64 dans le CSS ou HTML élimine ce coût et garantit leur affichage instantané même avant que le navigateur n\'ait rien mis en cache.',
|
|
92
82
|
},
|
|
93
83
|
{
|
|
94
84
|
type: 'paragraph',
|
|
95
|
-
html: 'Cette technique est particulièrement puissante dans les applications SPA (Single Page Applications) où le bundle JavaScript et CSS est généré au moment de la compilation
|
|
85
|
+
html: 'Cette technique est particulièrement puissante dans les applications SPA (Single Page Applications) où le bundle JavaScript et CSS est généré au moment de la compilation: intégrer de petites images dans le bundle garantit qu\'elles se chargent avec le code sans requêtes supplémentaires. Elle est aussi indispensable pour les emails HTML, où les clients de messagerie bloquent les images externes mais affichent toujours les Data URIs intégrés.',
|
|
96
86
|
},
|
|
97
87
|
{
|
|
98
88
|
type: 'title',
|
|
@@ -103,11 +93,11 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
103
93
|
type: 'list',
|
|
104
94
|
icon: 'mdi:check-circle',
|
|
105
95
|
items: [
|
|
106
|
-
'HTML inline
|
|
107
|
-
'CSS background
|
|
108
|
-
'JSON et APIs REST
|
|
109
|
-
'Emails HTML
|
|
110
|
-
'Intégration SVG
|
|
96
|
+
'HTML inline: <code><img src="data:image/png;base64,..."></code> pour les icônes critiques.',
|
|
97
|
+
'CSS background: <code>background-image: url("data:image/svg+xml;base64,...")</code> pour les SVGs d\'interface.',
|
|
98
|
+
'JSON et APIs REST: envoi d\'images comme données texte dans les payloads JSON.',
|
|
99
|
+
'Emails HTML: images intégrées qui s\'affichent même quand le client bloque les URLs externes.',
|
|
100
|
+
'Intégration SVG: intégrer des images raster dans des fichiers SVG comme données inline.',
|
|
111
101
|
],
|
|
112
102
|
},
|
|
113
103
|
{
|
|
@@ -117,12 +107,12 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
117
107
|
},
|
|
118
108
|
{
|
|
119
109
|
type: 'paragraph',
|
|
120
|
-
html: 'Lorsque vous sélectionnez ou faites glisser une image, l\'API <code>FileReader</code> du navigateur la lit directement depuis le disque comme données binaires en RAM. La méthode <code>readAsDataURL()</code> convertit ces octets binaires en leur représentation Base64 selon l\'algorithme RFC 4648
|
|
110
|
+
html: 'Lorsque vous sélectionnez ou faites glisser une image, l\'API <code>FileReader</code> du navigateur la lit directement depuis le disque comme données binaires en RAM. La méthode <code>readAsDataURL()</code> convertit ces octets binaires en leur représentation Base64 selon l\'algorithme RFC 4648 - chaque 3 octets de données originales sont représentés par 4 caractères ASCII de l\'alphabet Base64. Le résultat inclut le type MIME correct détecté automatiquement.',
|
|
121
111
|
},
|
|
122
112
|
{
|
|
123
113
|
type: 'tip',
|
|
124
114
|
title: 'Utilisez',
|
|
125
|
-
html: 'Base64 augmente la taille du fichier d\'environ 33
|
|
115
|
+
html: 'Base64 augmente la taille du fichier d\'environ 33%: une image de 10 Ko devient ~13,3 Ko de texte. Pour les petites icônes et logos, ce coût est minimal et l\'élimination de la requête HTTP le compense. Pour les photographies ou grandes images, le surcoût de taille est significatif - utilisez toujours un CDN pour les grandes images.',
|
|
126
116
|
},
|
|
127
117
|
{
|
|
128
118
|
type: 'title',
|
|
@@ -131,8 +121,8 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
131
121
|
},
|
|
132
122
|
{
|
|
133
123
|
type: 'tip',
|
|
134
|
-
title: 'Évitez Base64 pour les grandes images
|
|
135
|
-
html: 'Si vous avez des images de plus de 10-20 Ko, Base64 nuit aux performances
|
|
124
|
+
title: 'Évitez Base64 pour les grandes images: utilisez un CDN',
|
|
125
|
+
html: 'Si vous avez des images de plus de 10-20 Ko, Base64 nuit aux performances: il gonfle la taille du HTML/CSS, empêche le navigateur de mettre l\'image en cache de façon indépendante, et bloque le rendu pendant que le parseur traite la chaîne géante. Pour les grandes images, servez toujours depuis un CDN avec des en-têtes de cache appropriés.',
|
|
136
126
|
},
|
|
137
127
|
{
|
|
138
128
|
type: 'title',
|
|
@@ -141,11 +131,11 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
141
131
|
},
|
|
142
132
|
{
|
|
143
133
|
type: 'paragraph',
|
|
144
|
-
html: 'Les Data URIs sont compatibles avec 100% des navigateurs modernes et la plupart des clients de messagerie. Notre outil traite tout localement via l\'API FileReader
|
|
134
|
+
html: 'Les Data URIs sont compatibles avec 100% des navigateurs modernes et la plupart des clients de messagerie. Notre outil traite tout localement via l\'API FileReader - vos images ne quittent jamais votre appareil. Cela le rend adapté aux images d\'entreprise, aux captures d\'écran privées ou à tout contenu visuel confidentiel que vous devez convertir en Base64.',
|
|
145
135
|
},
|
|
146
136
|
{
|
|
147
137
|
type: 'title',
|
|
148
|
-
text: 'Conclusion
|
|
138
|
+
text: 'Conclusion: L\'outil d\'intégration le plus rapide et le plus privé',
|
|
149
139
|
level: 3,
|
|
150
140
|
},
|
|
151
141
|
{
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
1
2
|
import type { ImagenBase64LocaleContent } from '../index';
|
|
2
3
|
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
3
4
|
import type { ImageToBase64UI } from '../index';
|
|
@@ -60,17 +61,6 @@ const howTo: ImagenBase64LocaleContent['howTo'] = [
|
|
|
60
61
|
},
|
|
61
62
|
];
|
|
62
63
|
|
|
63
|
-
const bibliography: ImagenBase64LocaleContent['bibliography'] = [
|
|
64
|
-
{
|
|
65
|
-
name: 'MDN Web Docs: Data URIs',
|
|
66
|
-
url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
name: 'Base64 Encoding RFC 4648',
|
|
70
|
-
url: 'https://datatracker.ietf.org/doc/html/rfc4648',
|
|
71
|
-
},
|
|
72
|
-
];
|
|
73
|
-
|
|
74
64
|
const seo: ImagenBase64LocaleContent['seo'] = [
|
|
75
65
|
{
|
|
76
66
|
type: 'title',
|
|
@@ -79,7 +69,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
79
69
|
},
|
|
80
70
|
{
|
|
81
71
|
type: 'paragraph',
|
|
82
|
-
html: 'Base64 adalah teknik pengkodean yang mengubah data biner
|
|
72
|
+
html: 'Base64 adalah teknik pengkodean yang mengubah data biner - seperti gambar - menjadi string teks ASCII murni. Hasilnya adalah Data URI: URL mandiri yang dimulai dengan <code>data:image/png;base64,...</code> dan berisi seluruh gambar yang dikodekan. Dengan menyematkan kode ini langsung di HTML, CSS, atau JSON Anda, gambar akan dimuat tanpa permintaan HTTP tambahan ke server - nol latensi jaringan, pemuatan instan.',
|
|
83
73
|
},
|
|
84
74
|
{
|
|
85
75
|
type: 'title',
|
|
@@ -88,7 +78,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
88
78
|
},
|
|
89
79
|
{
|
|
90
80
|
type: 'paragraph',
|
|
91
|
-
html: 'Argumen utama untuk Base64 adalah penghapusan permintaan jaringan. Setiap gambar pada halaman web berarti permintaan HTTP dengan overhead koneksi, DNS, jabat tangan TLS, dan latensi. Untuk gambar kritis yang sangat kecil
|
|
81
|
+
html: 'Argumen utama untuk Base64 adalah penghapusan permintaan jaringan. Setiap gambar pada halaman web berarti permintaan HTTP dengan overhead koneksi, DNS, jabat tangan TLS, dan latensi. Untuk gambar kritis yang sangat kecil - logo aplikasi utama, favicon, ikon UI - menyematkannya dalam Base64 di CSS atau HTML akan menghapus biaya tersebut dan menjamin gambar ditampilkan secara instan bahkan sebelum browser menyimpan apa pun di cache.',
|
|
92
82
|
},
|
|
93
83
|
{
|
|
94
84
|
type: 'paragraph',
|
|
@@ -117,12 +107,12 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
117
107
|
},
|
|
118
108
|
{
|
|
119
109
|
type: 'paragraph',
|
|
120
|
-
html: 'Saat Anda memilih atau menarik gambar, API <code>FileReader</code> browser membacanya langsung dari disk sebagai data biner di RAM. Metode <code>readAsDataURL()</code> mengubah byte biner tersebut menjadi representasi Base64 menggunakan algoritme RFC 4648
|
|
110
|
+
html: 'Saat Anda memilih atau menarik gambar, API <code>FileReader</code> browser membacanya langsung dari disk sebagai data biner di RAM. Metode <code>readAsDataURL()</code> mengubah byte biner tersebut menjadi representasi Base64 menggunakan algoritme RFC 4648 - setiap 3 byte data asli direpresentasikan sebagai 4 karakter ASCII dari alfabet Base64. Hasilnya mencakup tipe MIME yang benar yang dideteksi secara otomatis.',
|
|
121
111
|
},
|
|
122
112
|
{
|
|
123
113
|
type: 'tip',
|
|
124
114
|
title: 'Gunakan hanya untuk gambar kecil (di bawah 10 KB)',
|
|
125
|
-
html: 'Base64 meningkatkan ukuran file sekitar 33%: gambar 10 KB menjadi teks ~13,3 KB. Untuk ikon dan logo kecil, biaya ini minimal dan penghapusan permintaan HTTP mengimbanginya. Untuk foto atau gambar besar, overhead ukurannya signifikan
|
|
115
|
+
html: 'Base64 meningkatkan ukuran file sekitar 33%: gambar 10 KB menjadi teks ~13,3 KB. Untuk ikon dan logo kecil, biaya ini minimal dan penghapusan permintaan HTTP mengimbanginya. Untuk foto atau gambar besar, overhead ukurannya signifikan - selalu gunakan CDN untuk gambar besar.',
|
|
126
116
|
},
|
|
127
117
|
{
|
|
128
118
|
type: 'title',
|
|
@@ -131,7 +121,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
131
121
|
},
|
|
132
122
|
{
|
|
133
123
|
type: 'tip',
|
|
134
|
-
title: 'Hindari Base64 untuk gambar besar
|
|
124
|
+
title: 'Hindari Base64 untuk gambar besar: gunakan CDN sebagai gantinya',
|
|
135
125
|
html: 'Jika Anda memiliki gambar yang lebih besar dari 10-20 KB, Base64 merusak kinerja: ia membengkakkan ukuran HTML/CSS, mencegah browser menyimpan gambar secara independen di cache, dan memblokir rendering saat parser memproses string raksasa tersebut. Untuk gambar besar, selalu sajikan dari CDN dengan header cache yang sesuai.',
|
|
136
126
|
},
|
|
137
127
|
{
|
|
@@ -141,7 +131,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
141
131
|
},
|
|
142
132
|
{
|
|
143
133
|
type: 'paragraph',
|
|
144
|
-
html: 'Data URI kompatibel dengan 100% browser modern dan sebagian besar klien email. Alat kami memproses semuanya secara lokal melalui API FileReader
|
|
134
|
+
html: 'Data URI kompatibel dengan 100% browser modern dan sebagian besar klien email. Alat kami memproses semuanya secara lokal melalui API FileReader - gambar Anda tidak pernah meninggalkan perangkat Anda. Hal ini membuatnya cocok untuk gambar perusahaan, tangkapan layar pribadi, atau konten visual rahasia apa pun yang perlu Anda konversi ke Base64.',
|
|
145
135
|
},
|
|
146
136
|
{
|
|
147
137
|
type: 'title',
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
1
2
|
import type { ImagenBase64LocaleContent } from '../index';
|
|
2
3
|
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
3
4
|
import type { ImageToBase64UI } from '../index';
|
|
@@ -60,17 +61,6 @@ const howTo: ImagenBase64LocaleContent['howTo'] = [
|
|
|
60
61
|
},
|
|
61
62
|
];
|
|
62
63
|
|
|
63
|
-
const bibliography: ImagenBase64LocaleContent['bibliography'] = [
|
|
64
|
-
{
|
|
65
|
-
name: 'MDN Web Docs: Data URIs',
|
|
66
|
-
url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
name: 'Base64 Encoding RFC 4648',
|
|
70
|
-
url: 'https://datatracker.ietf.org/doc/html/rfc4648',
|
|
71
|
-
},
|
|
72
|
-
];
|
|
73
|
-
|
|
74
64
|
const seo: ImagenBase64LocaleContent['seo'] = [
|
|
75
65
|
{
|
|
76
66
|
type: 'title',
|
|
@@ -79,7 +69,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
79
69
|
},
|
|
80
70
|
{
|
|
81
71
|
type: 'paragraph',
|
|
82
|
-
html: 'Base64 è una tecnica di codifica che trasforma i dati binari
|
|
72
|
+
html: 'Base64 è una tecnica di codifica che trasforma i dati binari - come un\'immagine - in una stringa di testo ASCII pura. Il risultato è un Data URI: un URL autonomo che inizia con <code>data:image/png;base64,...</code> e contiene l\'intera immagine codificata. Incorporando questo codice direttamente nel tuo HTML, CSS o JSON, l\'immagine viene caricata senza alcuna richiesta HTTP aggiuntiva al server - latenza di rete zero, caricamento istantaneo.',
|
|
83
73
|
},
|
|
84
74
|
{
|
|
85
75
|
type: 'title',
|
|
@@ -88,7 +78,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
88
78
|
},
|
|
89
79
|
{
|
|
90
80
|
type: 'paragraph',
|
|
91
|
-
html: 'L\'argomento principale a favore di Base64 è l\'eliminazione delle richieste di rete. Ogni immagine su una pagina web significa una richiesta HTTP con il suo overhead di connessione, DNS, handshake TLS e latenza. Per immagini critiche molto piccole
|
|
81
|
+
html: 'L\'argomento principale a favore di Base64 è l\'eliminazione delle richieste di rete. Ogni immagine su una pagina web significa una richiesta HTTP con il suo overhead di connessione, DNS, handshake TLS e latenza. Per immagini critiche molto piccole - il logo principale dell\'applicazione, la favicon, un\'icona dell\'interfaccia utente - incorporarle in Base64 nel CSS o nell\'HTML elimina quel costo e garantisce che vengano visualizzate istantaneamente anche prima che il browser abbia memorizzato qualcosa in cache.',
|
|
92
82
|
},
|
|
93
83
|
{
|
|
94
84
|
type: 'paragraph',
|
|
@@ -117,12 +107,12 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
117
107
|
},
|
|
118
108
|
{
|
|
119
109
|
type: 'paragraph',
|
|
120
|
-
html: 'Quando selezioni o trascini un\'immagine, l\'API <code>FileReader</code> del browser la legge direttamente dal disco come dati binari nella RAM. Il metodo <code>readAsDataURL()</code> converte quei byte binari nella loro rappresentazione Base64 utilizzando l\'algoritmo RFC 4648
|
|
110
|
+
html: 'Quando selezioni o trascini un\'immagine, l\'API <code>FileReader</code> del browser la legge direttamente dal disco come dati binari nella RAM. Il metodo <code>readAsDataURL()</code> converte quei byte binari nella loro rappresentazione Base64 utilizzando l\'algoritmo RFC 4648 - ogni 3 byte di dati originali sono rappresentati come 4 caratteri ASCII dall\'alfabeto Base64. Il risultato include il tipo MIME corretto rilevato automaticamente.',
|
|
121
111
|
},
|
|
122
112
|
{
|
|
123
113
|
type: 'tip',
|
|
124
114
|
title: 'Usalo solo per immagini piccole (sotto i 10 KB)',
|
|
125
|
-
html: 'Base64 aumenta la dimensione del file di circa il 33%: un\'immagine da 10 KB diventa circa 13,3 KB di testo. Per icone e logo piccoli questo costo è minimo e l\'eliminazione della richiesta HTTP lo compensa. Per fotografie o immagini di grandi dimensioni, il sovrapprezzo dimensionale è significativo
|
|
115
|
+
html: 'Base64 aumenta la dimensione del file di circa il 33%: un\'immagine da 10 KB diventa circa 13,3 KB di testo. Per icone e logo piccoli questo costo è minimo e l\'eliminazione della richiesta HTTP lo compensa. Per fotografie o immagini di grandi dimensioni, il sovrapprezzo dimensionale è significativo - usa sempre una CDN per le immagini grandi.',
|
|
126
116
|
},
|
|
127
117
|
{
|
|
128
118
|
type: 'title',
|
|
@@ -131,7 +121,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
131
121
|
},
|
|
132
122
|
{
|
|
133
123
|
type: 'tip',
|
|
134
|
-
title: 'Evita Base64 per immagini grandi
|
|
124
|
+
title: 'Evita Base64 per immagini grandi: usa invece una CDN',
|
|
135
125
|
html: 'Se hai immagini più grandi di 10-20 KB, Base64 danneggia le prestazioni: gonfia la dimensione di HTML/CSS, impedisce al browser di memorizzare l\'immagine in cache in modo indipendente e blocca il rendering mentre il parser elabora la stringa gigante. Per le immagini grandi, servi sempre da una CDN con intestazioni di cache appropriate.',
|
|
136
126
|
},
|
|
137
127
|
{
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
1
2
|
import type { ImagenBase64LocaleContent } from '../index';
|
|
2
3
|
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
3
4
|
import type { ImageToBase64UI } from '../index';
|
|
@@ -60,17 +61,6 @@ const howTo: ImagenBase64LocaleContent['howTo'] = [
|
|
|
60
61
|
},
|
|
61
62
|
];
|
|
62
63
|
|
|
63
|
-
const bibliography: ImagenBase64LocaleContent['bibliography'] = [
|
|
64
|
-
{
|
|
65
|
-
name: 'MDN Web Docs: Data URIs',
|
|
66
|
-
url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
name: 'Base64 Encoding RFC 4648',
|
|
70
|
-
url: 'https://datatracker.ietf.org/doc/html/rfc4648',
|
|
71
|
-
},
|
|
72
|
-
];
|
|
73
|
-
|
|
74
64
|
const seo: ImagenBase64LocaleContent['seo'] = [
|
|
75
65
|
{
|
|
76
66
|
type: 'title',
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
1
2
|
import type { ImagenBase64LocaleContent } from '../index';
|
|
2
3
|
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
3
4
|
import type { ImageToBase64UI } from '../index';
|
|
@@ -60,17 +61,6 @@ const howTo: ImagenBase64LocaleContent['howTo'] = [
|
|
|
60
61
|
},
|
|
61
62
|
];
|
|
62
63
|
|
|
63
|
-
const bibliography: ImagenBase64LocaleContent['bibliography'] = [
|
|
64
|
-
{
|
|
65
|
-
name: 'MDN Web Docs: Data URIs',
|
|
66
|
-
url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
name: 'Base64 Encoding RFC 4648',
|
|
70
|
-
url: 'https://datatracker.ietf.org/doc/html/rfc4648',
|
|
71
|
-
},
|
|
72
|
-
];
|
|
73
|
-
|
|
74
64
|
const seo: ImagenBase64LocaleContent['seo'] = [
|
|
75
65
|
{
|
|
76
66
|
type: 'title',
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
1
2
|
import type { ImagenBase64LocaleContent } from '../index';
|
|
2
3
|
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
3
4
|
import type { ImageToBase64UI } from '../index';
|
|
@@ -60,17 +61,6 @@ const howTo: ImagenBase64LocaleContent['howTo'] = [
|
|
|
60
61
|
},
|
|
61
62
|
];
|
|
62
63
|
|
|
63
|
-
const bibliography: ImagenBase64LocaleContent['bibliography'] = [
|
|
64
|
-
{
|
|
65
|
-
name: 'MDN Web Docs: Data URIs',
|
|
66
|
-
url: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs',
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
name: 'Base64 Codering RFC 4648',
|
|
70
|
-
url: 'https://datatracker.ietf.org/doc/html/rfc4648',
|
|
71
|
-
},
|
|
72
|
-
];
|
|
73
|
-
|
|
74
64
|
const seo: ImagenBase64LocaleContent['seo'] = [
|
|
75
65
|
{
|
|
76
66
|
type: 'title',
|
|
@@ -79,7 +69,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
79
69
|
},
|
|
80
70
|
{
|
|
81
71
|
type: 'paragraph',
|
|
82
|
-
html: 'Base64 is een coderingstechniek die binaire data
|
|
72
|
+
html: 'Base64 is een coderingstechniek die binaire data - zoals een afbeelding - transformeert naar een pure ASCII-tekstreeks. Het resultaat is een Data URI: een onafhankelijke URL die begint met <code>data:image/png;base64,...</code> en de volledige gecodeerde afbeelding bevat. Door deze code direct in je HTML, CSS of JSON in te sluiten, wordt de afbeelding geladen zonder enig extra HTTP-verzoek aan de server - nul netwerklatentie, direct laden.',
|
|
83
73
|
},
|
|
84
74
|
{
|
|
85
75
|
type: 'title',
|
|
@@ -88,7 +78,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
88
78
|
},
|
|
89
79
|
{
|
|
90
80
|
type: 'paragraph',
|
|
91
|
-
html: 'Het belangrijkste argument voor Base64 is het elimineren van netwerkverzoeken. Elke afbeelding op een webpagina betekent een HTTP-verzoek met bijbehorende overhead van verbinding, DNS, TLS-handshake en latentie. Voor zeer kleine kritieke afbeeldingen
|
|
81
|
+
html: 'Het belangrijkste argument voor Base64 is het elimineren van netwerkverzoeken. Elke afbeelding op een webpagina betekent een HTTP-verzoek met bijbehorende overhead van verbinding, DNS, TLS-handshake en latentie. Voor zeer kleine kritieke afbeeldingen - het hoofdbestand van de applicatie, favicon, een UI-icoon - elimineert het insluiten in Base64 in de CSS of HTML die kosten en garandeert het dat ze onmiddellijk worden weergegeven, zelfs voordat de browser iets heeft kunnen cachen.',
|
|
92
82
|
},
|
|
93
83
|
{
|
|
94
84
|
type: 'paragraph',
|
|
@@ -117,12 +107,12 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
117
107
|
},
|
|
118
108
|
{
|
|
119
109
|
type: 'paragraph',
|
|
120
|
-
html: 'Wanneer je een afbeelding selecteert of sleept, leest de <code>FileReader</code>-API van de browser deze direct van de schijf als binaire data in het RAM. De methode <code>readAsDataURL()</code> converteert die binaire bytes naar hun Base64-representatie met behulp van het RFC 4648-algoritme
|
|
110
|
+
html: 'Wanneer je een afbeelding selecteert of sleept, leest de <code>FileReader</code>-API van de browser deze direct van de schijf als binaire data in het RAM. De methode <code>readAsDataURL()</code> converteert die binaire bytes naar hun Base64-representatie met behulp van het RFC 4648-algoritme - elke 3 bytes aan originele data worden weergegeven als 4 ASCII-tekens uit het Base64-alfabet. Het resultaat bevat het automatisch gedetecteerde correcte MIME-type.',
|
|
121
111
|
},
|
|
122
112
|
{
|
|
123
113
|
type: 'tip',
|
|
124
114
|
title: 'Gebruik het alleen voor kleine afbeeldingen (onder de 10 KB)',
|
|
125
|
-
html: 'Base64 verhoogt de bestandsgrootte met ongeveer 33%: een afbeelding van 10 KB wordt ~13,3 KB aan tekst. Voor kleine iconen en logo\'s zijn deze kosten minimaal en compenseert de eliminatie van het HTTP-verzoek dit. Voor foto\'s of grote afbeeldingen is de extra grootte aanzienlijk
|
|
115
|
+
html: 'Base64 verhoogt de bestandsgrootte met ongeveer 33%: een afbeelding van 10 KB wordt ~13,3 KB aan tekst. Voor kleine iconen en logo\'s zijn deze kosten minimaal en compenseert de eliminatie van het HTTP-verzoek dit. Voor foto\'s of grote afbeeldingen is de extra grootte aanzienlijk - gebruik altijd een CDN voor grote afbeeldingen.',
|
|
126
116
|
},
|
|
127
117
|
{
|
|
128
118
|
type: 'title',
|
|
@@ -131,7 +121,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
131
121
|
},
|
|
132
122
|
{
|
|
133
123
|
type: 'tip',
|
|
134
|
-
title: 'Vermijd Base64 voor grote afbeeldingen
|
|
124
|
+
title: 'Vermijd Base64 voor grote afbeeldingen: gebruik een CDN',
|
|
135
125
|
html: 'Als je afbeeldingen hebt die groter zijn dan 10-20 KB, schaad Base64 de prestaties: het blaast de HTML/CSS-grootte op, voorkomt dat de browser de afbeelding onafhankelijk kan cachen en blokkeert de rendering terwijl de parser de gigantische string verwerkt. Gebruik voor grote afbeeldingen altijd een CDN met de juiste cache-headers.',
|
|
136
126
|
},
|
|
137
127
|
{
|
|
@@ -141,7 +131,7 @@ const seo: ImagenBase64LocaleContent['seo'] = [
|
|
|
141
131
|
},
|
|
142
132
|
{
|
|
143
133
|
type: 'paragraph',
|
|
144
|
-
html: 'Data URI\'s zijn compatibel met 100% van de moderne browsers en de meeste e-mailclients. Onze tool verwerkt alles lokaal via de FileReader-API
|
|
134
|
+
html: 'Data URI\'s zijn compatibel met 100% van de moderne browsers en de meeste e-mailclients. Onze tool verwerkt alles lokaal via de FileReader-API - je afbeeldingen verlaten nooit je apparaat. Dit maakt het geschikt voor bedrijfsafbeeldingen, privé-screenshots of andere vertrouwelijke visuele inhoud die je naar Base64 wilt converteren.',
|
|
145
135
|
},
|
|
146
136
|
{
|
|
147
137
|
type: 'title',
|