@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 { AvifAJpgLocaleContent } from '../index';
|
|
5
|
-
|
|
6
|
-
const slug = 'avif-to-jpg-converter';
|
|
7
|
-
const title = 'AVIFをJPGにオンラインで変換';
|
|
8
|
-
const description =
|
|
9
|
-
'お使いのブラウザでAVIF画像をJPGに変換します。サーバーを介さず、100%プライベートなローカル処理を行います。無料で無制限に使用できます。';
|
|
10
|
-
|
|
11
|
-
const ui: ImageConverterUI = {
|
|
12
|
-
dragText: 'AVIFファイルをドラッグ...',
|
|
13
|
-
convertText: '即座にJPGに変換します',
|
|
14
|
-
selectFiles: 'ファイルを選択',
|
|
15
|
-
processedFiles: '処理済みファイル',
|
|
16
|
-
downloadAll: 'すべてダウンロード (.zip)',
|
|
2
|
+
import type { ImageConverterUI } from '../../../shared/ImageConverter.astro';
|
|
3
|
+
import { generateSchemas } from '../../../shared/logic/schemas';
|
|
4
|
+
import type { AvifAJpgLocaleContent } from '../index';
|
|
5
|
+
|
|
6
|
+
const slug = 'avif-to-jpg-converter';
|
|
7
|
+
const title = 'AVIFをJPGにオンラインで変換';
|
|
8
|
+
const description =
|
|
9
|
+
'お使いのブラウザでAVIF画像をJPGに変換します。サーバーを介さず、100%プライベートなローカル処理を行います。無料で無制限に使用できます。';
|
|
10
|
+
|
|
11
|
+
const ui: ImageConverterUI = {
|
|
12
|
+
dragText: 'AVIFファイルをドラッグ...',
|
|
13
|
+
convertText: '即座にJPGに変換します',
|
|
14
|
+
selectFiles: 'ファイルを選択',
|
|
15
|
+
processedFiles: '処理済みファイル',
|
|
16
|
+
downloadAll: 'すべてダウンロード (.zip)',
|
|
17
17
|
pending: '待機中',
|
|
18
|
-
bibliographyTitle: '参考文献',
|
|
19
|
-
faqTitle: 'よくある質問',
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const faq: AvifAJpgLocaleContent['faq'] = [
|
|
23
|
-
{
|
|
24
|
-
question: 'なぜAVIFをJPGに変換するのですか?',
|
|
25
|
-
answer:
|
|
26
|
-
'AVIF形式は優れた圧縮率を実現しますが、すべてのプログラムやビューアが対応しているわけではありません。JPGに変換することで、世界中の100%のデバイスで画像を表示できることが保証されます。',
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
question: 'AVIF画像はどのように保護されますか?',
|
|
30
|
-
answer:
|
|
31
|
-
'お客様の写真は、スマートフォンやPCから外部に出ることはありません。JPEGへの描画およびエンコードの全プロセスは、ブラウザのJavascript環境内で実行されます。',
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
question: 'AVIFからJPGに変換すると品質は低下しますか?',
|
|
35
|
-
answer:
|
|
36
|
-
'当ツールは標準的なキャンバスクオリティ(0.9〜0.95)でピクセルを処理するため、品質の変化はほとんど認識されません。',
|
|
37
|
-
},
|
|
38
|
-
];
|
|
39
|
-
|
|
40
|
-
const howTo: AvifAJpgLocaleContent['howTo'] = [
|
|
41
|
-
{
|
|
42
|
-
name: 'ファイルをドラッグまたはクリック',
|
|
43
|
-
text: '変換したいすべてのAVIF写真を、指定された処理エリアに移動させてください。',
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
name: '即時変換',
|
|
47
|
-
text: 'アルファチャンネルがあれば塗りつぶし背景に置き換え、AVIFが1秒以内にJPGとして再エンコードされる様子を確認してください。',
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
name: '保存またはZIPダウンロード',
|
|
51
|
-
text: '新しいJPG画像を個別に、または一括処理した場合は「すべてダウンロード」を押して保存してください。',
|
|
52
|
-
},
|
|
53
|
-
];
|
|
54
|
-
|
|
55
|
-
const seo: AvifAJpgLocaleContent['seo'] = [
|
|
56
|
-
{
|
|
57
|
-
type: 'title',
|
|
58
|
-
text: 'AVIF-JPGコンバーター:最新画像にユニバーサルな互換性を',
|
|
59
|
-
level: 2,
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
type: 'paragraph',
|
|
63
|
-
html: 'AVIF(AV1 Image File Format)は、現在利用可能な最も効率的な画像形式です。Alliance for Open Mediaによって開発され、AV1ビデオコーデックに基づいています。同じ視覚品質でJPGよりも50%高い圧縮率を実現します。しかし、この技術的な優位性には代償があります。AVIFは、Photoshop、Lightroom、Windowsフォトビューアー、およびほとんどの伝統的な編集・表示ツールでサポートされていません。JPGに変換することで、この問題を根本から解決できます。',
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
type: 'title',
|
|
67
|
-
text: 'AVIF vs JPG:効率性とユニバーサルな互換性の比較',
|
|
68
|
-
level: 3,
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
type: 'paragraph',
|
|
72
|
-
html: 'AVIFの圧縮能力は非常に優れています。JPGで4MBを占める高解像度の写真も、同じ知覚品質を維持しながら、AVIFではわずか2MBに抑えられる場合があります。これは、読み込みパフォーマンスが重要なウェブ配信にとって完璧です。しかし、ブラウザ以外の環境では、AVIFはほとんど認識されません。Windowsエクスプローラーでのプレビュー表示ができず、カメラもこの形式を書き出さず、デザイナーもワークフローで受け入れにくいのが現状です。',
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
type: 'paragraph',
|
|
76
|
-
html: 'JPGは30年以上にわたり、デジタル写真のユニバーサルな標準であり続けています。100%のデバイス、OS、オフィスアプリケーション、SNS、プリンター、そして画像表示ソフトウェアのすべてでサポートされています。共有、印刷、編集、またはメール送信が必要な場合、JPGはすべてが問題なく動作することを保証するものです。',
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
type: 'title',
|
|
80
|
-
text: '比較:クラウドコンバーターと当サイトのローカルアーキテクチャ',
|
|
81
|
-
level: 3,
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
type: 'comparative',
|
|
85
|
-
items: [
|
|
86
|
-
{
|
|
87
|
-
title: 'クラウドコンバーター',
|
|
88
|
-
description: 'AVIFファイルをリモートサーバーにアップロードして処理するツール。',
|
|
89
|
-
icon: 'mdi:cloud-upload',
|
|
90
|
-
pointIcon: 'mdi:close-circle-outline',
|
|
91
|
-
points: [
|
|
92
|
-
'プライベートな写真がインターネットを介して外部サーバーへ送信される',
|
|
93
|
-
'ファイルのアップロード・ダウンロードに待機時間が発生する',
|
|
94
|
-
'ファイルサイズ制限や無料変換回数に制限がある',
|
|
95
|
-
'第三者のサーバーに画像が残存するリスクがある',
|
|
96
|
-
],
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
title: '当サイトのローカルアーキテクチャ',
|
|
100
|
-
description: 'Vanilla JSテクノロジーとCanvas APIを使用してブラウザで直接処理。',
|
|
101
|
-
icon: 'mdi:laptop-mac',
|
|
102
|
-
highlight: true,
|
|
103
|
-
points: [
|
|
104
|
-
'画像がデバイスから外部へ出ることはありません',
|
|
105
|
-
'ネットワーク遅延のない即時変換',
|
|
106
|
-
'ファイル数やサイズの制限なし',
|
|
107
|
-
'医療用、法的、または機密性の高い画像に最適',
|
|
108
|
-
],
|
|
109
|
-
},
|
|
110
|
-
],
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
type: 'title',
|
|
114
|
-
text: 'ブラウザにおける技術的な変換の仕組み',
|
|
115
|
-
level: 3,
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
type: 'paragraph',
|
|
119
|
-
html: 'Chrome、Firefox、およびEdgeなどの最新ブラウザは、統合されたAV1デコーダーのおかげで、AVIFをネイティブにサポートしています。AVIFファイルを読み込むと、ブラウザはそれをメモリ内でデコードし、RAM上のビットマップデータに変換します。このデータが不可視のHTML5 <code>Canvas</code>要素上に描画されます。',
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
type: 'paragraph',
|
|
123
|
-
html: '次に、Canvasは標準的なJPG圧縮を適用しながら <code>toBlob(\'image/jpeg\', quality)</code> を使用して画像を書き出します。JPGは透明度をサポートしていないため、AVIF内に存在するアルファチャンネルは書き出し前に白色背景で塗りつぶされます。結果として、1バイトも外部へ流出することなく、高品質なJPGファイルとして直接ダウンロードができるようになります。',
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
type: 'tip',
|
|
127
|
-
title: '圧縮と互換性の完璧なバランス',
|
|
128
|
-
html: 'AVIFは同等品質のJPGより50%小さくなりますが、JPGにはあらゆるソフトウェアとの100%の互換性があります。サーバーからAVIF画像を受け取り、それを編集、メール送信、またはデスクトップツールで開く必要がある場合は、まずJPGに変換してください。',
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
type: 'title',
|
|
132
|
-
text: '使用例:AVIFをJPGに変換すべきタイミング',
|
|
133
|
-
level: 3,
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
type: 'list',
|
|
137
|
-
icon: 'mdi:check-circle',
|
|
138
|
-
items: [
|
|
139
|
-
'Photoshop、Lightroom、GIMPなどのデスクトップソフトウェアで編集するとき。',
|
|
140
|
-
'古いデバイスやOSを使用しているユーザーと画像を共有するとき。',
|
|
141
|
-
'メールに添付して、あらゆるメールクライアントでの表示を保証したいとき。',
|
|
142
|
-
'アップロード形式としてAVIFを受け付けていないプラットフォームに投稿するとき。',
|
|
143
|
-
'印刷するとき:プロの印刷サービスはネイティブでJPGを扱います。',
|
|
144
|
-
],
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
type: 'title',
|
|
148
|
-
text: '結論:ワンステップでユニバーサルな互換性を',
|
|
149
|
-
level: 3,
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
type: 'paragraph',
|
|
153
|
-
html: 'AVIFは画像圧縮の未来ですが、現時点では互換性が必要です。当サイトのコンバーターは、最大効率を得るためにAVIFで画像を受信・保存し、あらゆる状況で機能させる必要があるときは即座にJPGに変換するという、両方の利点を同時に提供します。すべてがプライベート、無料、かつ無制限です。',
|
|
154
|
-
},
|
|
155
|
-
];
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
export const content: AvifAJpgLocaleContent = {
|
|
159
|
-
slug,
|
|
160
|
-
title,
|
|
161
|
-
description,
|
|
162
|
-
ui,
|
|
163
|
-
seo,
|
|
164
|
-
faq,
|
|
165
|
-
bibliography,
|
|
166
|
-
howTo,
|
|
167
|
-
schemas: generateSchemas({ title, description, inLanguage: 'ja', faq, howTo }),
|
|
168
|
-
};
|
|
18
|
+
bibliographyTitle: '参考文献',
|
|
19
|
+
faqTitle: 'よくある質問',
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
const faq: AvifAJpgLocaleContent['faq'] = [
|
|
23
|
+
{
|
|
24
|
+
question: 'なぜAVIFをJPGに変換するのですか?',
|
|
25
|
+
answer:
|
|
26
|
+
'AVIF形式は優れた圧縮率を実現しますが、すべてのプログラムやビューアが対応しているわけではありません。JPGに変換することで、世界中の100%のデバイスで画像を表示できることが保証されます。',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
question: 'AVIF画像はどのように保護されますか?',
|
|
30
|
+
answer:
|
|
31
|
+
'お客様の写真は、スマートフォンやPCから外部に出ることはありません。JPEGへの描画およびエンコードの全プロセスは、ブラウザのJavascript環境内で実行されます。',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
question: 'AVIFからJPGに変換すると品質は低下しますか?',
|
|
35
|
+
answer:
|
|
36
|
+
'当ツールは標準的なキャンバスクオリティ(0.9〜0.95)でピクセルを処理するため、品質の変化はほとんど認識されません。',
|
|
37
|
+
},
|
|
38
|
+
];
|
|
39
|
+
|
|
40
|
+
const howTo: AvifAJpgLocaleContent['howTo'] = [
|
|
41
|
+
{
|
|
42
|
+
name: 'ファイルをドラッグまたはクリック',
|
|
43
|
+
text: '変換したいすべてのAVIF写真を、指定された処理エリアに移動させてください。',
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
name: '即時変換',
|
|
47
|
+
text: 'アルファチャンネルがあれば塗りつぶし背景に置き換え、AVIFが1秒以内にJPGとして再エンコードされる様子を確認してください。',
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
name: '保存またはZIPダウンロード',
|
|
51
|
+
text: '新しいJPG画像を個別に、または一括処理した場合は「すべてダウンロード」を押して保存してください。',
|
|
52
|
+
},
|
|
53
|
+
];
|
|
54
|
+
|
|
55
|
+
const seo: AvifAJpgLocaleContent['seo'] = [
|
|
56
|
+
{
|
|
57
|
+
type: 'title',
|
|
58
|
+
text: 'AVIF-JPGコンバーター:最新画像にユニバーサルな互換性を',
|
|
59
|
+
level: 2,
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
type: 'paragraph',
|
|
63
|
+
html: 'AVIF(AV1 Image File Format)は、現在利用可能な最も効率的な画像形式です。Alliance for Open Mediaによって開発され、AV1ビデオコーデックに基づいています。同じ視覚品質でJPGよりも50%高い圧縮率を実現します。しかし、この技術的な優位性には代償があります。AVIFは、Photoshop、Lightroom、Windowsフォトビューアー、およびほとんどの伝統的な編集・表示ツールでサポートされていません。JPGに変換することで、この問題を根本から解決できます。',
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
type: 'title',
|
|
67
|
+
text: 'AVIF vs JPG:効率性とユニバーサルな互換性の比較',
|
|
68
|
+
level: 3,
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
type: 'paragraph',
|
|
72
|
+
html: 'AVIFの圧縮能力は非常に優れています。JPGで4MBを占める高解像度の写真も、同じ知覚品質を維持しながら、AVIFではわずか2MBに抑えられる場合があります。これは、読み込みパフォーマンスが重要なウェブ配信にとって完璧です。しかし、ブラウザ以外の環境では、AVIFはほとんど認識されません。Windowsエクスプローラーでのプレビュー表示ができず、カメラもこの形式を書き出さず、デザイナーもワークフローで受け入れにくいのが現状です。',
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
type: 'paragraph',
|
|
76
|
+
html: 'JPGは30年以上にわたり、デジタル写真のユニバーサルな標準であり続けています。100%のデバイス、OS、オフィスアプリケーション、SNS、プリンター、そして画像表示ソフトウェアのすべてでサポートされています。共有、印刷、編集、またはメール送信が必要な場合、JPGはすべてが問題なく動作することを保証するものです。',
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
type: 'title',
|
|
80
|
+
text: '比較:クラウドコンバーターと当サイトのローカルアーキテクチャ',
|
|
81
|
+
level: 3,
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
type: 'comparative',
|
|
85
|
+
items: [
|
|
86
|
+
{
|
|
87
|
+
title: 'クラウドコンバーター',
|
|
88
|
+
description: 'AVIFファイルをリモートサーバーにアップロードして処理するツール。',
|
|
89
|
+
icon: 'mdi:cloud-upload',
|
|
90
|
+
pointIcon: 'mdi:close-circle-outline',
|
|
91
|
+
points: [
|
|
92
|
+
'プライベートな写真がインターネットを介して外部サーバーへ送信される',
|
|
93
|
+
'ファイルのアップロード・ダウンロードに待機時間が発生する',
|
|
94
|
+
'ファイルサイズ制限や無料変換回数に制限がある',
|
|
95
|
+
'第三者のサーバーに画像が残存するリスクがある',
|
|
96
|
+
],
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
title: '当サイトのローカルアーキテクチャ',
|
|
100
|
+
description: 'Vanilla JSテクノロジーとCanvas APIを使用してブラウザで直接処理。',
|
|
101
|
+
icon: 'mdi:laptop-mac',
|
|
102
|
+
highlight: true,
|
|
103
|
+
points: [
|
|
104
|
+
'画像がデバイスから外部へ出ることはありません',
|
|
105
|
+
'ネットワーク遅延のない即時変換',
|
|
106
|
+
'ファイル数やサイズの制限なし',
|
|
107
|
+
'医療用、法的、または機密性の高い画像に最適',
|
|
108
|
+
],
|
|
109
|
+
},
|
|
110
|
+
],
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
type: 'title',
|
|
114
|
+
text: 'ブラウザにおける技術的な変換の仕組み',
|
|
115
|
+
level: 3,
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
type: 'paragraph',
|
|
119
|
+
html: 'Chrome、Firefox、およびEdgeなどの最新ブラウザは、統合されたAV1デコーダーのおかげで、AVIFをネイティブにサポートしています。AVIFファイルを読み込むと、ブラウザはそれをメモリ内でデコードし、RAM上のビットマップデータに変換します。このデータが不可視のHTML5 <code>Canvas</code>要素上に描画されます。',
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
type: 'paragraph',
|
|
123
|
+
html: '次に、Canvasは標準的なJPG圧縮を適用しながら <code>toBlob(\'image/jpeg\', quality)</code> を使用して画像を書き出します。JPGは透明度をサポートしていないため、AVIF内に存在するアルファチャンネルは書き出し前に白色背景で塗りつぶされます。結果として、1バイトも外部へ流出することなく、高品質なJPGファイルとして直接ダウンロードができるようになります。',
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
type: 'tip',
|
|
127
|
+
title: '圧縮と互換性の完璧なバランス',
|
|
128
|
+
html: 'AVIFは同等品質のJPGより50%小さくなりますが、JPGにはあらゆるソフトウェアとの100%の互換性があります。サーバーからAVIF画像を受け取り、それを編集、メール送信、またはデスクトップツールで開く必要がある場合は、まずJPGに変換してください。',
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
type: 'title',
|
|
132
|
+
text: '使用例:AVIFをJPGに変換すべきタイミング',
|
|
133
|
+
level: 3,
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'list',
|
|
137
|
+
icon: 'mdi:check-circle',
|
|
138
|
+
items: [
|
|
139
|
+
'Photoshop、Lightroom、GIMPなどのデスクトップソフトウェアで編集するとき。',
|
|
140
|
+
'古いデバイスやOSを使用しているユーザーと画像を共有するとき。',
|
|
141
|
+
'メールに添付して、あらゆるメールクライアントでの表示を保証したいとき。',
|
|
142
|
+
'アップロード形式としてAVIFを受け付けていないプラットフォームに投稿するとき。',
|
|
143
|
+
'印刷するとき:プロの印刷サービスはネイティブでJPGを扱います。',
|
|
144
|
+
],
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
type: 'title',
|
|
148
|
+
text: '結論:ワンステップでユニバーサルな互換性を',
|
|
149
|
+
level: 3,
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
type: 'paragraph',
|
|
153
|
+
html: 'AVIFは画像圧縮の未来ですが、現時点では互換性が必要です。当サイトのコンバーターは、最大効率を得るためにAVIFで画像を受信・保存し、あらゆる状況で機能させる必要があるときは即座にJPGに変換するという、両方の利点を同時に提供します。すべてがプライベート、無料、かつ無制限です。',
|
|
154
|
+
},
|
|
155
|
+
];
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
export const content: AvifAJpgLocaleContent = {
|
|
159
|
+
slug,
|
|
160
|
+
title,
|
|
161
|
+
description,
|
|
162
|
+
ui,
|
|
163
|
+
seo,
|
|
164
|
+
faq,
|
|
165
|
+
bibliography,
|
|
166
|
+
howTo,
|
|
167
|
+
schemas: generateSchemas({ title, description, inLanguage: 'ja', faq, howTo }),
|
|
168
|
+
};
|