@jjlmoya/utils-audiovisual 1.18.0 → 1.20.0

package/src/tool/imageCompressor/i18n/zh.ts

@@ -158,7 +158,7 @@ const seo: ImageCompressorLocaleContent['seo'] = [
     { type: 'glossary', items: [
         {
             term: '有损压缩',
-            definition: '删除人眼视为“噪声”的视觉数据。摄影的理想选择。JPEG、有损 WebP、HEIC 均属于有损压缩。'
+            definition: '删除人眼视为\"噪声\"的视觉数据。摄影的理想选择。JPEG、有损 WebP、HEIC 均属于有损压缩。'
         },
         {
             term: '无损压缩',

package/src/tool/printQualityCalculator/component.astro

@@ -10,126 +10,134 @@ const { ui } = Astro.props;
 ---
 
 <div class="pq-wrapper" id="pq-root" data-ui={JSON.stringify(ui)}>
-    <div
-        id="drop-zone"
-        class="pq-drop-zone pq-group"
-    >
-        <input type="file" id="file-input" class="pq-hidden" accept="image/webp, image/jpeg, image/png, image/tiff" />
-
-        <div class="pq-drop-inner">
-            <div class="pq-upload-icon-wrap pq-group-icon">
-                <Icon name="mdi:cloud-upload" style="width:2.5rem;height:2.5rem" />
-            </div>
-            <div>
-                <h3 class="pq-drop-title">{ui.dropTitle}</h3>
-                <p class="pq-drop-sub">{ui.dropSubtitle}</p>
+    <div class="pq-tool-card">
+        <div
+            id="drop-zone"
+            class="pq-drop-zone pq-group"
+        >
+            <input type="file" id="file-input" class="pq-hidden" accept="image/webp, image/jpeg, image/png, image/tiff" />
+
+            <div class="pq-drop-inner">
+                <div class="pq-upload-icon-wrap pq-group-icon">
+                    <Icon name="mdi:cloud-upload" style="width:2.5rem;height:2.5rem" />
+                </div>
+                <div>
+                    <h3 class="pq-drop-title">{ui.dropTitle}</h3>
+                    <p class="pq-drop-sub">{ui.dropSubtitle}</p>
+                </div>
             </div>
-        </div>
 
-        <div class="pq-drop-overlay"></div>
-    </div>
+            <div class="pq-drop-overlay"></div>
+        </div>
 
-    <div id="results-area" class="pq-results pq-hidden">
-        <div class="pq-file-card">
-            <div class="pq-file-left">
-                <div class="pq-preview-wrap">
-                    <img id="preview-img" class="pq-preview-img" src="#" alt="Preview" />
-                </div>
-                <div class="pq-file-info">
-                    <h3 id="file-name" class="pq-file-name">nombre_archivo.jpg</h3>
-                    <div class="pq-file-meta">
-                        <span class="pq-meta-item">
-                            <Icon name="mdi:arrow-expand" style="width:1rem;height:1rem" />
-                            <span id="pixel-dims">0 x 0 px</span>
-                        </span>
-                        <span class="pq-meta-item">
-                            <Icon name="mdi:harddisk" style="width:1rem;height:1rem" />
-                            <span id="file-size">0 MB</span>
-                        </span>
-                        <span class="pq-meta-item">
-                            <Icon name="mdi:image-filter-hdr" style="width:1rem;height:1rem" />
-                            <span id="megapixels">0 MP</span>
-                        </span>
+        <div id="results-area" class="pq-results pq-hidden">
+            <div class="pq-file-card">
+                <div class="pq-file-left">
+                    <div class="pq-preview-wrap" id="preview-wrap">
+                        <img id="preview-img" class="pq-preview-img" src="#" alt="Preview" />
+                    </div>
+                    <div class="pq-file-info">
+                        <div class="pq-file-header">
+                            <p id="file-name" class="pq-file-name">nombre_archivo.jpg</p>
+                            <button type="button" id="replace-image-btn" class="pq-replace-btn">
+                                <Icon name="mdi:image-refresh" style="width:1rem;height:1rem" />
+                                <span>{ui.dropTitle}</span>
+                            </button>
+                        </div>
+                        <div class="pq-file-meta">
+                            <span class="pq-meta-item">
+                                <Icon name="mdi:arrow-expand" style="width:1rem;height:1rem" />
+                                <span id="pixel-dims">0 x 0 px</span>
+                            </span>
+                            <span class="pq-meta-item">
+                                <Icon name="mdi:harddisk" style="width:1rem;height:1rem" />
+                                <span id="file-size">0 MB</span>
+                            </span>
+                            <span class="pq-meta-item">
+                                <Icon name="mdi:image-filter-hdr" style="width:1rem;height:1rem" />
+                                <span id="megapixels">0 MP</span>
+                            </span>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
 
-        <div class="pq-main-grid">
-            <div class="pq-config-panel">
-                <label class="pq-config-label">{ui.dpiDensityLabel}</label>
-
-                <input
-                    type="range"
-                    id="dpi-slider"
-                    min="72"
-                    max="600"
-                    value="300"
-                    step="1"
-                    class="pq-slider"
-                />
-
-                <div class="pq-dpi-row">
+            <div class="pq-main-grid">
+                <div class="pq-config-panel">
+                    <label class="pq-config-label">{ui.dpiDensityLabel}</label>
+
                     <input
-                        type="number"
-                        id="dpi-input"
+                        type="range"
+                        id="dpi-slider"
+                        min="72"
+                        max="600"
                         value="300"
-                        class="pq-dpi-number"
+                        step="1"
+                        class="pq-slider"
                     />
-                    <span class="pq-dpi-label">{ui.dpiPointsLabel}</span>
-                </div>
 
-                <div class="pq-presets">
-                    <button class="pq-preset-btn" data-val="72">{ui.dpiScreenLabel} (72)</button>
-                    <button class="pq-preset-btn" data-val="150">{ui.dpiNewspaperLabel} (150)</button>
-                    <button class="pq-preset-btn pq-preset-active" data-val="300">{ui.dpiPrintLabel} (300)</button>
-                    <button class="pq-preset-btn" data-val="600">{ui.dpiFineArtLabel} (600)</button>
-                </div>
-            </div>
-
-            <div class="pq-output-panel">
-                <div class="pq-output-gradient">
-                    <div class="pq-output-blur-bg"></div>
-                    <h3 class="pq-output-subtitle">{ui.maxPrintTitle}</h3>
-
-                    <div class="pq-output-size">
-                        <span id="print-cm-w">0</span>
-                        <span class="pq-size-sep">x</span>
-                        <span id="print-cm-h">0</span>
-                        <span class="pq-size-unit">cm</span>
+                    <div class="pq-dpi-row">
+                        <input
+                            type="number"
+                            id="dpi-input"
+                            value="300"
+                            class="pq-dpi-number"
+                        />
+                        <span class="pq-dpi-label">{ui.dpiPointsLabel}</span>
                     </div>
 
-                    <div class="pq-output-inches">
-                        <span id="print-in-w">0</span>" x <span id="print-in-h">0</span>"
+                    <div class="pq-presets">
+                        <button class="pq-preset-btn" data-val="72">{ui.dpiScreenLabel} (72)</button>
+                        <button class="pq-preset-btn" data-val="150">{ui.dpiNewspaperLabel} (150)</button>
+                        <button class="pq-preset-btn pq-preset-active" data-val="300">{ui.dpiPrintLabel} (300)</button>
+                        <button class="pq-preset-btn" data-val="600">{ui.dpiFineArtLabel} (600)</button>
                     </div>
+                </div>
 
-                    <div class="pq-quality-section">
-                        <span id="quality-badge" class="pq-quality-badge">
-                            <Icon name="mdi:check-decagram" style="width:1rem;height:1rem" />
-                            <span id="quality-text">{ui.qualityExcellent}</span>
-                        </span>
-                        <p id="quality-desc" class="pq-quality-desc">{ui.qualityExcellentDesc}</p>
+                <div class="pq-output-panel">
+                    <div class="pq-output-gradient">
+                        <div class="pq-output-blur-bg"></div>
+                        <h3 class="pq-output-subtitle">{ui.maxPrintTitle}</h3>
+
+                        <div class="pq-output-size">
+                            <span id="print-cm-w">0</span>
+                            <span class="pq-size-sep">x</span>
+                            <span id="print-cm-h">0</span>
+                            <span class="pq-size-unit">cm</span>
+                        </div>
+
+                        <div class="pq-output-inches">
+                            <span id="print-in-w">0</span>" x <span id="print-in-h">0</span>"
+                        </div>
+
+                        <div class="pq-quality-section">
+                            <span id="quality-badge" class="pq-quality-badge">
+                                <Icon name="mdi:check-decagram" style="width:1rem;height:1rem" />
+                                <span id="quality-text">{ui.qualityExcellent}</span>
+                            </span>
+                            <p id="quality-desc" class="pq-quality-desc">{ui.qualityExcellentDesc}</p>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
 
-        <div class="pq-formats-card">
-            <h4 class="pq-formats-title">
-                <Icon name="mdi:ruler-square" style="width:1.2rem;height:1.2rem;color:#6366f1" />
-                {ui.standardFormatsTitle}
-            </h4>
-            <div class="pq-formats-scroll">
-                <table class="pq-formats-table">
-                    <thead>
-                        <tr>
-                            <th>{ui.formatColumn}</th>
-                            <th>{ui.measureColumn} (cm)</th>
-                            <th>{ui.supportColumn}</th>
-                        </tr>
-                    </thead>
-                    <tbody id="formats-table-body"></tbody>
-                </table>
+            <div class="pq-formats-card">
+                <h4 class="pq-formats-title">
+                    <Icon name="mdi:ruler-square" style="width:1.2rem;height:1.2rem;color:#6366f1" />
+                    {ui.standardFormatsTitle}
+                </h4>
+                <div class="pq-formats-scroll">
+                    <table class="pq-formats-table">
+                        <thead>
+                            <tr>
+                                <th>{ui.formatColumn}</th>
+                                <th>{ui.measureColumn} (cm)</th>
+                                <th>{ui.supportColumn}</th>
+                            </tr>
+                        </thead>
+                        <tbody id="formats-table-body"></tbody>
+                    </table>
+                </div>
             </div>
         </div>
     </div>
@@ -150,10 +158,6 @@ const { ui } = Astro.props;
     ];
 
     function initPQCalc() {
-        console.log('DEBUG: initPQCalc called');
-        console.log('DEBUG: ui object:', ui);
-        console.log('DEBUG: ui.formatPostal:', ui.formatPostal);
-
         function getFormatName(format) {
             const keyMap = {
                 postal: 'formatPostal',
@@ -165,9 +169,7 @@ const { ui } = Astro.props;
                 plane: 'formatPlane'
             };
             const uiKey = keyMap[format.key];
-            const result = format.label + ' (' + (ui[uiKey] || format.key) + ')';
-            console.log('DEBUG: getFormatName for', format.key, '=', result, '(uiKey:', uiKey, ', ui[uiKey]:', ui[uiKey], ')');
-            return result;
+            return format.label + ' (' + (ui[uiKey] || format.key) + ')';
         }
 
         const dropZone = document.getElementById("drop-zone");
@@ -176,6 +178,8 @@ const { ui } = Astro.props;
         if (!dropZone || !fileInput || !resultsArea) return;
 
         const previewImg = document.getElementById("preview-img");
+        const previewWrap = document.getElementById("preview-wrap");
+        const replaceImageBtn = document.getElementById("replace-image-btn");
         const fileNameEl = document.getElementById("file-name");
         const pixelDimsEl = document.getElementById("pixel-dims");
         const fileSizeEl = document.getElementById("file-size");
@@ -212,6 +216,11 @@ const { ui } = Astro.props;
         });
 
         dropZone.addEventListener("click", function() { fileInput.click(); });
+        if (replaceImageBtn) {
+            replaceImageBtn.addEventListener("click", function() {
+                fileInput.click();
+            });
+        }
 
         fileInput.addEventListener("change", function() {
             if (fileInput.files && fileInput.files.length > 0) processFile(fileInput.files[0]);
@@ -251,6 +260,7 @@ const { ui } = Astro.props;
             resultsArea.classList.remove("pq-hidden");
             dropZone.classList.add("pq-hidden");
             if (previewImg) previewImg.src = src;
+            if (previewWrap) previewWrap.classList.toggle("pq-hidden", !src);
             if (fileNameEl) fileNameEl.textContent = file.name;
             if (pixelDimsEl) pixelDimsEl.textContent = currentWidth + " x " + currentHeight + " px";
             if (fileSizeEl) fileSizeEl.textContent = (file.size / (1024 * 1024)).toFixed(2) + " MB";
@@ -311,13 +321,11 @@ const { ui } = Astro.props;
         }
 
         function updateFormatsTable(cmW, cmH) {
-            console.log('DEBUG: updateFormatsTable called, ui.supportedText:', ui.supportedText);
             if (!formatsTableBody) return;
             formatsTableBody.innerHTML = "";
             const imgMin = Math.min(cmW, cmH);
             const imgMax = Math.max(cmW, cmH);
             PAPER_FORMATS.forEach(function(paper) {
-                console.log('DEBUG: Processing paper format:', paper.key);
                 const paperMin = Math.min(paper.w, paper.h);
                 const paperMax = Math.max(paper.w, paper.h);
                 const covers = imgMin >= paperMin - 0.1 && imgMax >= paperMax - 0.1;

package/src/tool/printQualityCalculator/i18n/de.ts

@@ -54,7 +54,7 @@ const faq: PrintQualityCalculatorLocaleContent['faq'] = [
     },
     {
         question: "Kann ich die DPI meines Bildes erhöhen, ohne an Qualität zu verlieren?",
-        answer: "Nein. Erhöhen Sie die DPI, ohne die Pixel zu ändern, verringert sich einfach die Druckgröße. Wenn Sie Pixel mit Software „erfinden“ (Upscaling), kann das Bild unscharf wirken.",
+        answer: "Nein. Erhöhen Sie die DPI, ohne die Pixel zu ändern, verringert sich einfach die Druckgröße. Wenn Sie Pixel mit Software \"erfinden\" (Upscaling), kann das Bild unscharf wirken.",
     },
 ];
 
@@ -73,7 +73,7 @@ const howTo: PrintQualityCalculatorLocaleContent['howTo'] = [
     },
     {
         name: "Qualität bestätigen",
-        text: "Stellen Sie sicher, dass die Anzeige „Hervorragende Qualität“ anzeigt, bevor Sie den Druck in Auftrag geben.",
+        text: "Stellen Sie sicher, dass die Anzeige \"Hervorragende Qualität\" anzeigt, bevor Sie den Druck in Auftrag geben.",
     },
 ];
 
@@ -154,7 +154,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
     { type: 'proscons', items: [
         {
             pro: 'CMYK vs. RGB: Drucker verwenden Tinte (CMYK), Bildschirme Licht (RGB). Konvertieren Sie, um Farbüberraschungen zu vermeiden.',
-            con: 'Farben können sich beim Konvertieren ändern – erst Vorschau prüfen'
+            con: 'Farben können sich beim Konvertieren ändern - erst Vorschau prüfen'
         },
         {
             pro: 'Beschnitt: Fügen Sie 3 mm extra pro Seite hinzu, wenn das Bild bis zum Papierrand reichen soll',
@@ -170,7 +170,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         }
     ], proTitle: 'Empfehlungen', conTitle: 'Gegenanzeigen' },
 
-    { type: 'diagnostic', variant: 'warning', title: 'Häufiger Fehler: Der Upscaling Mythos', icon: 'mdi:alert', badge: 'Kritisch', html: '<strong>Erhöhen Sie DPI in Photoshop NICHT ohne die Pixel zu ändern.</strong> Eine Erhöhung von 72 DPI auf 300 DPI verringert einfach die physische Druckgröße. Wenn Sie Pixel durch Interpolation (Upscaling) „hinzufügen“, wirkt das Bild geglättet oder unscharf. Sie benötigen REAL-Pixel von der Quelle.' },
+    { type: 'diagnostic', variant: 'warning', title: 'Häufiger Fehler: Der Upscaling Mythos', icon: 'mdi:alert', badge: 'Kritisch', html: '<strong>Erhöhen Sie DPI in Photoshop NICHT ohne die Pixel zu ändern.</strong> Eine Erhöhung von 72 DPI auf 300 DPI verringert einfach die physische Druckgröße. Wenn Sie Pixel durch Interpolation (Upscaling) \"hinzufügen\", wirkt das Bild geglättet oder unscharf. Sie benötigen REAL-Pixel von der Quelle.' },
 
     { type: 'glossary', items: [
         {
@@ -187,7 +187,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         },
         {
             term: 'Native Auflösung',
-            definition: 'ECHTE, von der Kamera erfasste Pixel ohne Manipulation. DPI-Erhöhung ohne Pixeländerung erzeugt keine „native Auflösung“.'
+            definition: 'ECHTE, von der Kamera erfasste Pixel ohne Manipulation. DPI-Erhöhung ohne Pixeländerung erzeugt keine \"native Auflösung\".'
         },
         {
             term: 'Interpolation (Upscaling)',

package/src/tool/printQualityCalculator/i18n/fr.ts

@@ -85,7 +85,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
             'Convertissez les pixels en centimètres et pouces avec précision',
             'Calculez la taille maximale selon le DPI souhaité',
             'Compatibilité avec les formats standards (A4, A3, etc.)',
-            'Guide de 4 niveaux de qualité : Excellente à Non Adapté'
+            'Guide de 4 niveaux de qualité: Excellente à Non Adapté'
         ]
     },
     { type: 'title', text: 'Guide Ultime de la Qualité d\'Impression et du DPI', level: 2 },
@@ -97,12 +97,12 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         { value: 'ISO 216', label: 'Formats Supportés', icon: 'mdi:file-document' }
     ], columns: 3 },
 
-    { type: 'title', text: 'Comprendre le DPI : Pixels vs Points', level: 3 },
+    { type: 'title', text: 'Comprendre le DPI: Pixels vs Points', level: 3 },
     { type: 'paragraph', html: 'La confusion courante est de penser que le DPI et les pixels sont identiques. Ce n\'est pas le cas. Les pixels sont DANS votre fichier numérique. Le DPI est la façon dont l\'imprimante les convertit en encre sur le papier.' },
     { type: 'list', items: [
         '<strong>DPI (Dots Per Inch) :</strong> Combien de points d\'encre l\'imprimante place dans un pouce linéaire (2,54 cm).',
         '<strong>Pixels :</strong> Petits carrés de données dans votre fichier numérique. Une photo de 3000x2000 pixels possède une information constante, quel que soit le DPI.',
-        '<strong>La Formule :</strong> Taille d\'impression (pouces) = Pixels / DPI. Exemple : 3000 pixels / 300 DPI = 10 pouces (25,4 cm)'
+        '<strong>La Formule :</strong> Taille d\'impression (pouces) = Pixels / DPI. Exemple: 3000 pixels / 300 DPI = 10 pouces (25,4 cm)'
     ], icon: 'mdi:check' },
 
     { type: 'title', text: 'Niveaux de Qualité DPI Expliqués', level: 3 },
@@ -153,33 +153,33 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
     { type: 'title', text: 'Préparation des Fichiers pour l\'Impression Professionnelle', level: 3 },
     { type: 'proscons', items: [
         {
-            pro: 'CMJN vs RVB : Les imprimantes utilisent de l\'encre (CMJN), les écrans de la lumière (RVB). Convertissez pour éviter les mauvaises surprises.',
+            pro: 'CMJN vs RVB: Les imprimantes utilisent de l\'encre (CMJN), les écrans de la lumière (RVB). Convertissez pour éviter les mauvaises surprises.',
             con: 'Les couleurs peuvent changer lors de la conversion - prévisualisez d\'abord'
         },
         {
-            pro: 'Fond Perdu (Bleed) : Ajoutez 3 mm de chaque côté si l\'image doit atteindre le bord du papier',
+            pro: 'Fond Perdu (Bleed): Ajoutez 3 mm de chaque côté si l\'image doit atteindre le bord du papier',
             con: 'Sans fond perdu, les bords coupés peuvent rester blancs'
         },
         {
-            pro: 'L\'Upscaling NE FONCTIONNE PAS : Augmenter les pixels dans Photoshop ajoute de fausses informations (lissage)',
+            pro: 'L\'Upscaling NE FONCTIONNE PAS: Augmenter les pixels dans Photoshop ajoute de fausses informations (lissage)',
             con: 'Si vous devez imprimer en grand, il vous faut la photo originale haute résolution'
         },
         {
-            pro: 'Formats : TIFF sans compression ou JPEG haute qualité ; vectoriel (AI, EPS) pour les logos',
+            pro: 'Formats: TIFF sans compression ou JPEG haute qualité ; vectoriel (AI, EPS) pour les logos',
             con: 'Le PNG ne supporte pas nativement le CMJN dans la plupart des imprimeries'
         }
     ], proTitle: 'Recommandations', conTitle: 'Contre-indications' },
 
-    { type: 'diagnostic', variant: 'warning', title: 'Erreur Commune : Le Mythe de l\'Upscaling', icon: 'mdi:alert', badge: 'Critique', html: '<strong>N\'augmentez PAS le DPI dans Photoshop sans changer les pixels.</strong> Passer de 72 DPI à 300 DPI réduit simplement la taille physique car le nombre de pixels reste le même. Si vous "ajoutez des pixels" par interpolation, l\'image sera floue. Il faut des pixels RÉELS dès l\'origine.' },
+    { type: 'diagnostic', variant: 'warning', title: 'Erreur Commune: Le Mythe de l\'Upscaling', icon: 'mdi:alert', badge: 'Critique', html: '<strong>N\'augmentez PAS le DPI dans Photoshop sans changer les pixels.</strong> Passer de 72 DPI à 300 DPI réduit simplement la taille physique car le nombre de pixels reste le même. Si vous "ajoutez des pixels" par interpolation, l\'image sera floue. Il faut des pixels RÉELS dès l\'origine.' },
 
     { type: 'glossary', items: [
         {
             term: 'DPI (Dots Per Inch)',
-            definition: 'Mesure de résolution en impression : combien de points d\'encre par pouce linéaire (2,54 cm). 300 DPI = 90 000 points par pouce carré.'
+            definition: 'Mesure de résolution en impression: combien de points d\'encre par pouce linéaire (2,54 cm). 300 DPI = 90 000 points par pouce carré.'
         },
         {
             term: 'CMJN',
-            definition: 'Espace colorimétrique d\'impression : Cyan, Magenta, Jaune, Noir (CMYK en anglais). Basé sur l\'encre soustractive.'
+            definition: 'Espace colorimétrique d\'impression: Cyan, Magenta, Jaune, Noir (CMYK en anglais). Basé sur l\'encre soustractive.'
         },
         {
             term: 'Fond Perdu (Bleed)',
@@ -197,7 +197,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
 
     { type: 'message', title: 'Précision Technique pour des Résultats Professionnels', ariaLabel: 'Informations sur les calculs d\'impression', html: 'Notre calculatrice convertit les pixels en centimètres en tenant compte des normes internationales (ISO 216 pour le papier). C\'est l\'outil idéal pour valider vos fichiers avant l\'impression.' },
 
-    { type: 'title', text: 'Conclusion : Imprimez Sans Mauvaises Surprises', level: 3 },
+    { type: 'title', text: 'Conclusion: Imprimez Sans Mauvaises Surprises', level: 3 },
     { type: 'paragraph', html: 'La différence entre une impression magnifique et décevante réside dans la relation entre pixels et DPI. Utilisez cet outil pour valider vos fichiers AVANT de passer à l\'imprimerie.' }
 ];
 

package/src/tool/printQualityCalculator/i18n/pl.ts

@@ -54,7 +54,7 @@ const faq: PrintQualityCalculatorLocaleContent['faq'] = [
     },
     {
         question: "Czy mogę zwiększyć DPI mojego obrazu bez utraty jakości?",
-        answer: "Nie. Zwiększenie DPI bez zmiany liczby pikseli po prostu zmniejsza rozmiar wydruku. Jeśli „wymyślisz” piksele za pomocą oprogramowania (upscaling), obraz może wyglądać na rozmyty.",
+        answer: "Nie. Zwiększenie DPI bez zmiany liczby pikseli po prostu zmniejsza rozmiar wydruku. Jeśli \"wymyślisz\" piksele za pomocą oprogramowania (upscaling), obraz może wyglądać na rozmyty.",
     },
 ];
 
@@ -73,7 +73,7 @@ const howTo: PrintQualityCalculatorLocaleContent['howTo'] = [
     },
     {
         name: "Potwierdź jakość",
-        text: "Upewnij się, że wskaźnik pokazuje „Doskonała Jakość” przed wysłaniem do druku.",
+        text: "Upewnij się, że wskaźnik pokazuje \"Doskonała Jakość\" przed wysłaniem do druku.",
     },
 ];
 
@@ -170,7 +170,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         }
     ], proTitle: 'Rekomendacje', conTitle: 'Przeciwwskazania' },
 
-    { type: 'diagnostic', variant: 'warning', title: 'Częsty Błąd: Mit Upscalingu', icon: 'mdi:alert', badge: 'Krytyczne', html: '<strong>NIE zwiększaj DPI w Photoshopie bez zmiany liczby pikseli.</strong> Zwiększenie z 72 DPI do 300 DPI po prostu zmniejsza fizyczny rozmiar wydruku. Jeśli „dodasz piksele” poprzez interpolację (upscaling), obraz będzie wyglądał na wygładzony lub rozmyty. Potrzebujesz PRAWDZIWYCH pikseli ze źródła.' },
+    { type: 'diagnostic', variant: 'warning', title: 'Częsty Błąd: Mit Upscalingu', icon: 'mdi:alert', badge: 'Krytyczne', html: '<strong>NIE zwiększaj DPI w Photoshopie bez zmiany liczby pikseli.</strong> Zwiększenie z 72 DPI do 300 DPI po prostu zmniejsza fizyczny rozmiar wydruku. Jeśli \"dodasz piksele\" poprzez interpolację (upscaling), obraz będzie wyglądał na wygładzony lub rozmyty. Potrzebujesz PRAWDZIWYCH pikseli ze źródła.' },
 
     { type: 'glossary', items: [
         {
@@ -187,7 +187,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         },
         {
             term: 'Rozdzielczość Natywna',
-            definition: 'PRAWDZIWE piksele uchwycone przez aparat, bez manipulacji. Zwiększenie DPI bez zmiany liczby pikseli nie generuje „rozdzielczości natywnej”.'
+            definition: 'PRAWDZIWE piksele uchwycone przez aparat, bez manipulacji. Zwiększenie DPI bez zmiany liczby pikseli nie generuje \"rozdzielczości natywnej\".'
         },
         {
             term: 'Interpolacja (Upscaling)',

package/src/tool/printQualityCalculator/i18n/ru.ts

@@ -54,7 +54,7 @@ const faq: PrintQualityCalculatorLocaleContent['faq'] = [
     },
     {
         question: "Можно ли увеличить DPI изображения без потери качества?",
-        answer: "Нет. Увеличение DPI без изменения количества пикселей просто уменьшает размер отпечатка. Если вы «придумываете» пиксели с помощью ПО (апскейлинг), изображение может выглядеть размытым.",
+        answer: "Нет. Увеличение DPI без изменения количества пикселей просто уменьшает размер отпечатка. Если вы \"придумываете\" пиксели с помощью ПО (апскейлинг), изображение может выглядеть размытым.",
     },
 ];
 
@@ -73,7 +73,7 @@ const howTo: PrintQualityCalculatorLocaleContent['howTo'] = [
     },
     {
         name: "Подтвердите качество",
-        text: "Перед отправкой на печать убедитесь, что индикатор показывает «Отличное качество».",
+        text: "Перед отправкой на печать убедитесь, что индикатор показывает \"Отличное качество\".",
     },
 ];
 
@@ -98,7 +98,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
     ], columns: 3 },
 
     { type: 'title', text: 'Понимание DPI: пиксели против точек', level: 3 },
-    { type: 'paragraph', html: 'Распространенное заблуждение — думать, что DPI и пиксели это одно и то же. Это не так. Пиксели находятся ВНУТРИ вашего цифрового файла. DPI — это то, как принтер превращает их в чернила на бумаге.' },
+    { type: 'paragraph', html: 'Распространенное заблуждение - думать, что DPI и пиксели это одно и то же. Это не так. Пиксели находятся ВНУТРИ вашего цифрового файла. DPI - это то, как принтер превращает их в чернила на бумаге.' },
     { type: 'list', items: [
         '<strong>DPI (Dots Per Inch):</strong> сколько чернильных точек принтер размещает на одном погонном дюйме (2,54 см).',
         '<strong>Пиксели:</strong> маленькие квадраты данных в вашем цифровом файле. Фото 3000x2000 пикселей имеет постоянный объем информации независимо от DPI.',
@@ -119,7 +119,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
     { type: 'comparative', items: [
         {
             title: 'Фото в руках (фото 10x15)',
-            description: '300 DPI обязательно — просмотр вблизи',
+            description: '300 DPI обязательно - просмотр вблизи',
             icon: 'mdi:image',
             points: [
                 'При 3000x2000 пикселей = макс. 10x6,7 дюймов',
@@ -129,7 +129,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         },
         {
             title: 'Настенный постер A3 (30x42 см)',
-            description: '150 DPI достаточно — просмотр с дистанции',
+            description: '150 DPI достаточно - просмотр с дистанции',
             icon: 'mdi:wall-fire',
             points: [
                 'Просмотр с 1-2 метров',
@@ -140,7 +140,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         },
         {
             title: 'Билборд (200x300 см)',
-            description: '15-30 DPI — просмотр с многих метров',
+            description: '15-30 DPI - просмотр с многих метров',
             icon: 'mdi:sign',
             points: [
                 'Наблюдение с расстояния 20+ метров',
@@ -153,8 +153,8 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
     { type: 'title', text: 'Подготовка файлов для профессиональной печати', level: 3 },
     { type: 'proscons', items: [
         {
-            pro: 'CMYK против RGB: Принтеры используют чернила (CMYK), экраны — свет (RGB). Конвертируйте, чтобы избежать сюрпризов с цветом.',
-            con: 'Цвета могут измениться при конвертации — сначала проверьте превью'
+            pro: 'CMYK против RGB: Принтеры используют чернила (CMYK), экраны - свет (RGB). Конвертируйте, чтобы избежать сюрпризов с цветом.',
+            con: 'Цвета могут измениться при конвертации - сначала проверьте превью'
         },
         {
             pro: 'Вылеты (Bleed): Добавьте по 3 мм с каждой стороны, если изображение должно доходить до края бумаги',
@@ -170,7 +170,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         }
     ], proTitle: 'Рекомендации', conTitle: 'Противопоказания' },
 
-    { type: 'diagnostic', variant: 'warning', title: 'Частая ошибка: Миф об апскейлинге', icon: 'mdi:alert', badge: 'Критично', html: '<strong>НЕ увеличивайте DPI в Photoshop без изменения количества пикселей.</strong> Увеличение с 72 до 300 DPI просто уменьшит физический размер печати. Если вы «добавите пиксели» путем интерполяции (апскейлинга), изображение будет выглядеть размытым. Вам нужны РЕАЛЬНЫЕ пиксели из источника.' },
+    { type: 'diagnostic', variant: 'warning', title: 'Частая ошибка: Миф об апскейлинге', icon: 'mdi:alert', badge: 'Критично', html: '<strong>НЕ увеличивайте DPI в Photoshop без изменения количества пикселей.</strong> Увеличение с 72 до 300 DPI просто уменьшит физический размер печати. Если вы \"добавите пиксели\" путем интерполяции (апскейлинга), изображение будет выглядеть размытым. Вам нужны РЕАЛЬНЫЕ пиксели из источника.' },
 
     { type: 'glossary', items: [
         {
@@ -187,7 +187,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         },
         {
             term: 'Нативное разрешение',
-            definition: 'РЕАЛЬНЫЕ пиксели, снятые камерой, без манипуляций. Увеличение DPI без изменения пикселей не создает «нативное разрешение».'
+            definition: 'РЕАЛЬНЫЕ пиксели, снятые камерой, без манипуляций. Увеличение DPI без изменения пикселей не создает \"нативное разрешение\".'
         },
         {
             term: 'Интерполяция (Апскейлинг)',
@@ -198,7 +198,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
     { type: 'message', title: 'Техническая точность для профи результатов', ariaLabel: 'Информация о расчетах печати', html: 'Наш калькулятор конвертирует пиксели в сантиметры с учетом международных стандартов (ISO 216 для бумаги). Это не просто калькулятор: это ваш валидатор того, подходит ли это фото для этого размера печати с сохранением профи-качества.' },
 
     { type: 'title', text: 'Заключение: печать без сюрпризов', level: 3 },
-    { type: 'paragraph', html: 'Разница между красивым отпечатком и разочарованием — в знании связи между пикселями и DPI. Используйте этот калькулятор для проверки файлов ПЕРЕД походом в типографию. Так вы избежите лишних трат и плохих результатов.' }
+    { type: 'paragraph', html: 'Разница между красивым отпечатком и разочарованием - в знании связи между пикселями и DPI. Используйте этот калькулятор для проверки файлов ПЕРЕД походом в типографию. Так вы избежите лишних трат и плохих результатов.' }
 ];
 
 const faqSchema: WithContext<FAQPage> = {

package/src/tool/printQualityCalculator/i18n/zh.ts

@@ -54,7 +54,7 @@ const faq: PrintQualityCalculatorLocaleContent['faq'] = [
     },
     {
         question: "我可以在不损失质量的情况下增加图像的 DPI 吗？",
-        answer: "不可以。在不改变像素的情况下增加 DPI 只会减小打印尺寸。如果您尝试使用软件“发明”像素（插值放大），图像可能会看起来很模。糊",
+        answer: "不可以。在不改变像素的情况下增加 DPI 只会减小打印尺寸。如果您尝试使用软件\"发明\"像素（插值放大），图像可能会看起来很模。糊",
     },
 ];
 
@@ -73,7 +73,7 @@ const howTo: PrintQualityCalculatorLocaleContent['howTo'] = [
     },
     {
         name: "确认质量",
-        text: "在发送打印之前，请确保指示器标记为“极佳质量”。",
+        text: "在发送打印之前，请确保指示器标记为\"极佳质量\"。",
     },
 ];
 
@@ -170,7 +170,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         }
     ], proTitle: '建议', conTitle: '禁忌' },
 
-    { type: 'diagnostic', variant: 'warning', title: '常见错误：插值放大的迷思', icon: 'mdi:alert', badge: '关键', html: '<strong>请勿在不改变像素的情况下增加 Photoshop 中的 DPI。</strong> 将 72 DPI 增加到 300 DPI 只是单纯减小了物理打印尺寸。如果您通过插值（upscaling）“添加像素”，图像看起来会变平滑或模糊。您需要来自源文件的真实像素。' },
+    { type: 'diagnostic', variant: 'warning', title: '常见错误：插值放大的迷思', icon: 'mdi:alert', badge: '关键', html: '<strong>请勿在不改变像素的情况下增加 Photoshop 中的 DPI。</strong> 将 72 DPI 增加到 300 DPI 只是单纯减小了物理打印尺寸。如果您通过插值（upscaling）\"添加像素\"，图像看起来会变平滑或模糊。您需要来自源文件的真实像素。' },
 
     { type: 'glossary', items: [
         {
@@ -187,7 +187,7 @@ const seo: PrintQualityCalculatorLocaleContent['seo'] = [
         },
         {
             term: '原生分辨率',
-            definition: '由相机捕捉的、未经处理的真实像素。在不改变像素的情况下增加 DPI 并不产生“原生分辨率”。'
+            definition: '由相机捕捉的、未经处理的真实像素。在不改变像素的情况下增加 DPI 并不产生\"原生分辨率\"。'
         },
         {
             term: '插值 (Upscaling)',