@jjlmoya/utils-audiovisual 1.7.0 → 1.8.0

package/src/tool/collageMaker/i18n/it.ts

@@ -0,0 +1,233 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
+
+const slug = 'crea-collage-foto-online-gratis-composizioni-professionali';
+const title = 'Creatore di Collage Online: Progetta composizioni professionali';
+const description = 'Crea collage di foto gratuitamente in pochi secondi. Scegli tra vari layout, regola i bordi e scarica in alta qualità senza filigrane.';
+
+const ui: CollageMakerUI = {
+    dropTitle: "Trascina le immagini qui",
+    dropSub: "o {link} - min. 2, max. 9",
+    dropLink: "seleziona i file",
+    imgsLoaded: "Immagini caricate",
+    layoutLabel: "Layout",
+    settingsLabel: "Impostazioni",
+    borderLabel: "Bordo",
+    borderColorLabel: "Colore bordo",
+    bgColorLabel: "Sfondo",
+    downloadBtn: "Scarica",
+    previewTitle: "Anteprima",
+    needsImgs: "Hai bisogno di {n} immagini",
+    errorMin: "Hai bisogno di almeno 2 immagini",
+    errorMax: "Massimo 9 immagini consentite",
+    errorLoad: "Errore durante il caricamento delle immagini",
+    faqTitle: "Domande Frequenti",
+    bibliographyTitle: "Riferimenti"
+};
+
+const faq: CollageMakerLocaleContent['faq'] = [
+    {
+        question: "Come posso cambiare l'ordine delle foto?",
+        answer: "Le foto vengono posizionate nel collage seguendo l'ordine in cui appaiono nell'elenco delle immagini caricate. Puoi rimuoverne una e caricarla di nuovo per regolarne la posizione.",
+    },
+    {
+        question: "Qual è il formato di output del collage?",
+        answer: "Il collage viene scaricato in formato WebP ad alta risoluzione, ideale per la condivisione sui social network senza perdere nitidezza.",
+    },
+];
+
+const howTo: CollageMakerLocaleContent['howTo'] = [
+    {
+        name: "Carica le tue foto",
+        text: "Seleziona da 2 a 9 immagini dal tuo explorer di file.",
+    },
+    {
+        name: "Scegli un layout",
+        text: "Seleziona la griglia che meglio si adatta al numero di foto che hai caricato.",
+    },
+    {
+        name: "Personalizza lo stile",
+        text: "Regola lo spessore e il colore del bordo per dare un tocco professionale.",
+    },
+    {
+        name: "Scarica e condividi",
+        text: "Premi il pulsante di creazione e scarica istantaneamente la tua composizione finale.",
+    },
+];
+
+const bibliography: CollageMakerLocaleContent['bibliography'] = [
+    {
+        name: "Composizione Fotografica: L'Arte del Collage",
+        url: "https://it.wikipedia.org/wiki/Collage",
+    },
+];
+
+const seo: CollageMakerLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'Creatore di Collage Online Professionale',
+        items: [
+            'Molteplici layout e griglie predefinite',
+            'Personalizzazione di bordi e colori di sfondo',
+            'Alta risoluzione a 1200px pronta per i social network',
+            'Elaborazione istantanea senza limiti d\'uso'
+        ]
+    },
+    { type: 'title', text: 'Design del Collage: Composizioni che raccontano storie', level: 2 },
+    { type: 'paragraph', html: 'Un collage è più di un semplice mix di foto; è una narrazione visiva che comunica emozioni e contesto. Il nostro strumento ti consente di creare composizioni geometriche professionali per Instagram, Facebook, Pinterest o progetti personali senza la necessità di Photoshop o software costosi.' },
+
+    { type: 'stats', items: [
+        { value: '2-9', label: 'Immagini per Collage', icon: 'mdi:image-multiple' },
+        { value: '1200px', label: 'Risoluzione HD', icon: 'mdi:video-high-definition' },
+        { value: 'Istantanea', label: 'Generazione', icon: 'mdi:lightning-bolt' }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Composizione Visiva: Principi di Design', level: 3 },
+    { type: 'paragraph', html: 'La composizione è l\'arte di organizzare gli elementi visivi in modo da guidare l\'occhio dello spettatore e comunicare un\'intenzione. Un buon collage bilancia:' },
+    { type: 'list', items: [
+        '<strong>Equilibrio:</strong> Distribuzione visiva del peso (immagini chiare vs scure, grandi vs piccole).',
+        '<strong>Flusso Visivo:</strong> L\'occhio dovrebbe attraversare la composizione in modo naturale, senza punti morti.',
+        '<strong>Contrasto:</strong> Variazioni di colore, dimensioni e forma che attirano l\'attenzione.',
+        '<strong>Unità:</strong> Coerenza tematica - le immagini devono \"parlare insieme\" della stessa storia.'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'Design Intelligenti e Adattivi', html: 'Il nostro sistema calcola automaticamente la distribuzione ottimale dello spazio in base al numero di foto. 2 immagini = griglia simmetrica; 5 immagini = distribuzione asimmetrica bilanciata. Ogni griglia è progettata per massimizzare l\'impatto visivo.' },
+
+    { type: 'comparative', items: [
+        {
+            title: 'Per i Social Network',
+            description: 'Instagram, TikTok, Facebook - formati quadrati',
+            icon: 'mdi:share-all',
+            points: [
+                'Il formato a 1200px è perfetto per il feed di Instagram',
+                'Il formato quadrato evita il ritaglio durante la pubblicazione',
+                'Bordi personalizzabili per il branding'
+            ],
+            highlight: true
+        },
+        {
+            title: 'Per i Portfolio',
+            description: 'Vetrine visive per fotografi e designer',
+            icon: 'mdi:briefcase-outline',
+            points: [
+                'Mostra più angolazioni di un progetto',
+                'Narrativa visiva coerente',
+                'Stampa di book digitali professionali'
+            ]
+        },
+        {
+            title: 'Per Regali Personali',
+            description: 'Stampe, cornici e album digitali',
+            icon: 'mdi:gift-outline',
+            points: [
+                'Ricordi di eventi (matrimoni, viaggi)',
+                'Alta risoluzione pronta per la stampa',
+                'Design istantaneo senza sforzo manuale'
+            ]
+        }
+    ], columns: 3 },
+
+    { type: 'title', text: 'Personalizzazione: Bordi e Colori', level: 3 },
+    { type: 'table', headers: ['Elemento', 'Effetto Visivo', 'Raccomandazione'], rows: [
+        ['Bordo Bianco', 'Pulito, minimalista, moderno', 'Social network, portfolio digitali'],
+        ['Bordo Nero', 'Drammatico, professionale, artistico', 'Fotografia d\'arte, moda, lusso'],
+        ['Bordo Neutro (grigio)', 'Versatile, accademico, aziendale', 'Affari, istruzione, neutralità'],
+        ['Senza Bordo', 'Fusione, continuità, immersivo', 'Sfondo uniforme, foto fluide']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: 'Design professionali predefiniti - non è necessaria alcuna conoscenza della composizione',
+            con: 'Opzioni limitate alle griglie prestabilite'
+        },
+        {
+            pro: 'Risoluzione a 1200px pronta per i social network senza ridimensionamento',
+            con: 'Non personalizzabile come Photoshop'
+        },
+        {
+            pro: 'Elaborazione 100% locale - privacy, velocità, senza limiti',
+            con: 'Richiede un browser moderno'
+        },
+        {
+            pro: 'Totalmente gratuito, senza filigrane, senza pubblicità',
+            con: 'Nessuna opzione di modifica individuale (ritaglio, rotazione)'
+        }
+    ], proTitle: 'Vantaggi', conTitle: 'Limitazioni' },
+
+    { type: 'diagnostic', variant: 'success', title: 'Pronto per i Social Network', icon: 'mdi:check-circle-outline', badge: 'Ottimizzato', html: '1200x1200px è la risoluzione ideale per Instagram. Supporta qualsiasi rapporto d\'aspetto, ma l\'output quadrato massimizza l\'impatto nel feed, elimina il ritaglio automatico e rende bene su desktop, tablet e mobile.' },
+
+    { type: 'glossary', items: [
+        {
+            term: 'Composizione Visiva',
+            definition: 'L\'arte di organizzare gli elementi (colore, forma, spazio) per guidare l\'occhio dello spettatore e comunicare un\'intenzione emotiva.'
+        },
+        {
+            term: 'Regola dei Terzi',
+            definition: 'Principio di composizione: divide l\'immagine in 9 aree uguali (3x3). Posiziona i soggetti sulle linee di intersezione per il massimo impatto.'
+        },
+        {
+            term: 'Griglia Simmetrica',
+            definition: 'Suddivisioni uguali dello spazio. Rassicurante, ordinata. Ideale per coppie di foto o numeri pari.'
+        },
+        {
+            term: 'Griglia Asimmetrica',
+            definition: 'Suddivisioni irregolari. Dinamica, interessante, visiva. Ideale per 5 o più foto con varietà di dimensioni.'
+        },
+        {
+            term: 'Equilibrio Visivo',
+            definition: 'Equilibrio percettivo del peso visivo. Immagine chiara + scura = equilibrio; grande + piccola = equilibrio.'
+        }
+    ] },
+
+    { type: 'message', title: 'Narrativa Visiva Istantanea', ariaLabel: 'Informazioni sulla composizione e sui collage', html: 'Ogni collage racconta una storia. Il nostro designer automatico assicura che le tue storie visive siano equilibrate, professionali e pronte per il mondo, senza dover aspettare il lavoro di un grafico.' },
+
+    { type: 'title', text: 'Crea, Condividi, Ispira', level: 3 },
+    { type: 'paragraph', html: 'Un collage ben fatto è ciò che fa la differenza tra un post dimenticabile e uno che i tuoi follower ricorderanno e condivideranno. Usa la composizione intelligente per dare impatto alle tue storie visive.' }
+];
+
+const faqSchema: WithContext<FAQPage> = {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: title,
+    description,
+    step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+    })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilitiesApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+    inLanguage: 'it',
+};
+
+export const content: CollageMakerLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "Domande Frequenti",
+    faq,
+    bibliographyTitle: "Riferimenti",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};

package/src/tool/collageMaker/i18n/ja.ts

@@ -0,0 +1,233 @@
+import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
+import type { CollageMakerUI, CollageMakerLocaleContent } from '../index';
+
+const slug = 'free-online-photo-collage-maker-professional-compositions';
+const title = 'オンライン コラージュ作成ツール：プロ仕様のデザイン';
+const description = '数秒で無料のフォトコラージュを作成。複数のレイアウトから選択し、境界線を調整して、ウォーターマークなしの高画質でダウンロードできます。';
+
+const ui: CollageMakerUI = {
+    dropTitle: "ここに画像をドラッグ",
+    dropSub: "または {link} - 最小2、最大9枚",
+    dropLink: "ファイルを選択",
+    imgsLoaded: "読み込まれた画像",
+    layoutLabel: "レイアウト",
+    settingsLabel: "設定",
+    borderLabel: "境界線",
+    borderColorLabel: "境界線の色",
+    bgColorLabel: "背景",
+    downloadBtn: "ダウンロード",
+    previewTitle: "プレビュー",
+    needsImgs: "あと {n} 枚の画像が必要です",
+    errorMin: "少なくとも2枚の画像が必要です",
+    errorMax: "最大9枚まで許可されています",
+    errorLoad: "画像の読み込み中にエラーが発生しました",
+    faqTitle: "よくある質問",
+    bibliographyTitle: "リファレンス"
+};
+
+const faq: CollageMakerLocaleContent['faq'] = [
+    {
+        question: "写真の順序を変更するにはどうすればよいですか？",
+        answer: "写真は、読み込まれた画像リストに表示される順序でコラージュに配置されます。一度削除してから再度アップロードすることで、位置を調整できます。",
+    },
+    {
+        question: "コラージュの出力形式は何ですか？",
+        answer: "コラージュは高解像度WebP形式でダウンロードされます。これは鮮明さを維持したままSNSで共有するのに最適です。",
+    },
+];
+
+const howTo: CollageMakerLocaleContent['howTo'] = [
+    {
+        name: "写真をアップロード",
+        text: "ファイルエクスプローラーから2枚から9枚の画像を選択します。",
+    },
+    {
+        name: "レイアウトを選択",
+        text: "アップロードした写真の数に最適なグリッドを選択します。",
+    },
+    {
+        name: "スタイルをカスタマイズ",
+        text: "境界線の太さと色を調整して、プロフェッショナルな仕上がりにします。",
+    },
+    {
+        name: "ダウンロードして共有",
+        text: "作成ボタンを押し、完成した作品を即座にダウンロードします。",
+    },
+];
+
+const bibliography: CollageMakerLocaleContent['bibliography'] = [
+    {
+        name: "写真の構図：コラージュの芸術",
+        url: "https://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%A9%E3%83%BC%E3%82%B8%E3%83%A5",
+    },
+];
+
+const seo: CollageMakerLocaleContent['seo'] = [
+    {
+        type: 'summary',
+        title: 'プロ仕様のオンラインコラージュ作成ツール',
+        items: [
+            '複数のレイアウトと定義済みグリッド',
+            '境界線と背景色のカスタマイズ',
+            'SNSに最適な1200pxの高解像度',
+            '使用制限なしの即時処理'
+        ]
+    },
+    { type: 'title', text: 'コラージュデザイン：物語を語る構図', level: 2 },
+    { type: 'paragraph', html: 'コラージュは単なる写真の混ぜ合わせではありません。感情や文脈を伝える視覚的な物語です。当社のツールを使えば、Photoshopや高価なソフトウェアを必要とせず、Instagram、Facebook、Pinterest、または個人プロジェクト用のプロフェッショナルな幾何学的構成を作成できます。' },
+
+    { type: 'stats', items: [
+        { value: '2-9', label: '枚の画像', icon: 'mdi:image-multiple' },
+        { value: '1200px', label: 'HD解像度', icon: 'mdi:video-high-definition' },
+        { value: '即時', label: '生成', icon: 'mdi:lightning-bolt' }
+    ], columns: 3 },
+
+    { type: 'title', text: '視覚的構成：デザインの原則', level: 3 },
+    { type: 'paragraph', html: '構成とは、見る人の視線を誘導し、意図を伝えるように視覚要素を整理する技術です。優れたコラージュは以下のバランスを取ります：' },
+    { type: 'list', items: [
+        '<strong>均衡：</strong> 視覚的な重みの分配（明るい画像対暗い画像、大きい対小さい）。',
+        '<strong>視線の流れ：</strong> 視線が不自然な空白なく、構成内を自然に移動するようにします。',
+        '<strong>対比：</strong> 注意を引くための色、サイズ、形状の変化。',
+        '<strong>統一：</strong> テーマの一貫性 - 画像同士が同じ物語について「共に語る」必要があります。'
+    ], icon: 'mdi:check' },
+
+    { type: 'card', title: 'スマートで適応性のあるデザイン', html: '当社のシステムは、写真の数に基づいて最適な空間配分を自動的に計算します。2枚なら対称グリッド、5枚ならバランスの取れた非対称配分。各グリッドは視覚的インパクトを最大化するように設計されています。' },
+
+    { type: 'comparative', items: [
+        {
+            title: 'SNS用',
+            description: 'Instagram、TikTok、Facebook - 正方形フォーマット',
+            icon: 'mdi:share-all',
+            points: [
+                '1200pxはInstagramフィードに最適',
+                '正方形フォーマットにより投稿時の切り抜きを回避',
+                'ブランディングのためのカスタマイズ可能な境界線'
+            ],
+            highlight: true
+        },
+        {
+            title: 'ポートフォリオ用',
+            description: '写真家やデザイナーのための視覚的ショーケース',
+            icon: 'mdi:briefcase-outline',
+            points: [
+                'プロジェクトの複数の角度を表示',
+                'まとまりのある視覚的物語',
+                'プロ仕様のデジタルブック印刷'
+            ]
+        },
+        {
+            title: '個人的なギフト用',
+            description: 'プリント、フレーム、デジタルアルバム',
+            icon: 'mdi:gift-outline',
+            points: [
+                'イベントの思い出（結婚式、旅行）',
+                '印刷に対応した高解像度',
+                '手作業なしの即時デザイン'
+            ]
+        }
+    ], columns: 3 },
+
+    { type: 'title', text: 'カスタマイズ：境界線と色', level: 3 },
+    { type: 'table', headers: ['要素', '視覚効果', '推奨事項'], rows: [
+        ['白い境界線', 'クリーン、ミニマル、モダン', 'SNS、デジタルポートフォリオ'],
+        ['黒い境界線', 'ドラマチック、プロフェッショナル、芸術的', '芸術写真、ファッション、高級感'],
+        ['ニュートラルな境界線（グレー）', '多用途、アカデミック、コーポレート', 'ビジネス、教育、中立性'],
+        ['境界線なし', '融合、継続、没入感', '均一な背景、流れるような写真']
+    ] },
+
+    { type: 'proscons', items: [
+        {
+            pro: '定義済みのプロ仕様デザイン - 構成の知識は不要',
+            con: 'オプションは事前設定されたグリッドに限定されます'
+        },
+        {
+            pro: 'リサイズなしでSNSにそのまま使える1200px解像度',
+            con: 'Photoshopほど自由にカスタマイズはできません'
+        },
+        {
+            pro: '100%ローカル処理 - プライバシー、スピード、無制限',
+            con: '最新のブラウザが必要です'
+        },
+        {
+            pro: '完全無料、ウォーターマークなし、広告なし',
+            con: '個別の編集オプション（切り抜き、回転）はありません'
+        }
+    ], proTitle: 'メリット', conTitle: '制限事項' },
+
+    { type: 'diagnostic', variant: 'success', title: 'SNSに対応', icon: 'mdi:check-circle-outline', badge: '最適化済み', html: '1200x1200pxはInstagramに最適な解像度です。あらゆるアスペクト比をサポートしますが、正方形の出力はフィードでのインパクトを最大化し、自動的な切り抜きを排除し、デスクトップ、タブレット、モバイルのどこでも美しく見えます。' },
+
+    { type: 'glossary', items: [
+        {
+            term: '視覚的構成',
+            definition: '見る人の視線を誘導し、感情的な意図を伝えるために要素（色、形状、空間）を整理する技術。'
+        },
+        {
+            term: '三分割法',
+            definition: '構図の原則：画像を9つの等しい領域（3x3）に分割します。被写体を交点に配置することで、最大のインパクトを与えます。'
+        },
+        {
+            term: '対称グリッド',
+            definition: '等間隔の分割。安心感があり、秩序だっています。写真のペアや偶数枚に最適です。'
+        },
+        {
+            term: '非対称グリッド',
+            definition: '不等間隔の分割。ダイナミックで面白く、視覚的です。サイズの異なる5枚以上の写真に最適です。'
+        },
+        {
+            term: '視覚的均衡',
+            definition: '視覚的な重みの知覚的な均等。明るい画像＋暗い画像＝バランス、大きい＋小さい＝バランス。'
+        }
+    ] },
+
+    { type: 'message', title: '即座に視覚的物語を', ariaLabel: '構成とコラージュに関する情報', html: 'すべてのコラージュには物語があります。当社の自動デザイナーは、あなたの視覚的な物語がバランスよく、プロフェッショナルで、世界に向けて発信できる状態であることを保証します。グラフィックデザイナーの作業を待つ必要はありません。' },
+
+    { type: 'title', text: '作り、共有し、刺激を与える', level: 3 },
+    { type: 'paragraph', html: 'よくできたコラージュは、忘れ去られる投稿と、フォロワーが記憶し、共有する投稿との違いを生みます。インパクトを与えるために、視覚的な物語にスマートな構成を取り入れましょう。' }
+];
+
+const faqSchema: WithContext<FAQPage> = {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+};
+
+const howToSchema: WithContext<HowTo> = {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    name: title,
+    description,
+    step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        text: step.text,
+    })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name: title,
+    description,
+    applicationCategory: 'UtilitiesApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+    inLanguage: 'ja',
+};
+
+export const content: CollageMakerLocaleContent = {
+    slug,
+    title,
+    description,
+    ui,
+    seo,
+    faqTitle: "よくある質問",
+    faq,
+    bibliographyTitle: "リファレンス",
+    bibliography,
+    howTo,
+    schemas: [faqSchema as any, howToSchema as any, appSchema],
+};