@jjlmoya/utils-hardware 1.15.0 → 1.17.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.
Files changed (178) hide show
  1. package/package.json +1 -1
  2. package/src/category/i18n/ru.ts +5 -5
  3. package/src/category/index.ts +3 -1
  4. package/src/entries.ts +7 -1
  5. package/src/index.ts +2 -0
  6. package/src/pages/[locale]/[slug].astro +28 -12
  7. package/src/tests/locale_completeness.test.ts +7 -21
  8. package/src/tests/no_h1_in_components.test.ts +1 -1
  9. package/src/tests/shared-test-helpers.ts +56 -0
  10. package/src/tests/tool_exports.test.ts +34 -0
  11. package/src/tests/tool_validation.test.ts +2 -2
  12. package/src/tool/batteryHealthEstimator/bibliography.ts +13 -0
  13. package/src/tool/batteryHealthEstimator/i18n/de.ts +3 -13
  14. package/src/tool/batteryHealthEstimator/i18n/en.ts +3 -13
  15. package/src/tool/batteryHealthEstimator/i18n/es.ts +2 -12
  16. package/src/tool/batteryHealthEstimator/i18n/fr.ts +3 -13
  17. package/src/tool/batteryHealthEstimator/i18n/id.ts +3 -13
  18. package/src/tool/batteryHealthEstimator/i18n/it.ts +2 -12
  19. package/src/tool/batteryHealthEstimator/i18n/ja.ts +2 -12
  20. package/src/tool/batteryHealthEstimator/i18n/ko.ts +2 -12
  21. package/src/tool/batteryHealthEstimator/i18n/nl.ts +3 -13
  22. package/src/tool/batteryHealthEstimator/i18n/pl.ts +3 -13
  23. package/src/tool/batteryHealthEstimator/i18n/pt.ts +3 -13
  24. package/src/tool/batteryHealthEstimator/i18n/ru.ts +7 -17
  25. package/src/tool/batteryHealthEstimator/i18n/sv.ts +3 -13
  26. package/src/tool/batteryHealthEstimator/i18n/tr.ts +3 -13
  27. package/src/tool/batteryHealthEstimator/i18n/zh.ts +3 -13
  28. package/src/tool/batteryHealthEstimator/seo.astro +3 -2
  29. package/src/tool/colorAccuracyTest/bibliography.astro +14 -0
  30. package/src/tool/colorAccuracyTest/bibliography.ts +16 -0
  31. package/src/tool/colorAccuracyTest/color-accuracy-test.css +728 -0
  32. package/src/tool/colorAccuracyTest/component.astro +157 -0
  33. package/src/tool/colorAccuracyTest/entry.ts +29 -0
  34. package/src/tool/colorAccuracyTest/i18n/de.ts +284 -0
  35. package/src/tool/colorAccuracyTest/i18n/en.ts +284 -0
  36. package/src/tool/colorAccuracyTest/i18n/es.ts +284 -0
  37. package/src/tool/colorAccuracyTest/i18n/fr.ts +284 -0
  38. package/src/tool/colorAccuracyTest/i18n/id.ts +284 -0
  39. package/src/tool/colorAccuracyTest/i18n/it.ts +284 -0
  40. package/src/tool/colorAccuracyTest/i18n/ja.ts +284 -0
  41. package/src/tool/colorAccuracyTest/i18n/ko.ts +284 -0
  42. package/src/tool/colorAccuracyTest/i18n/nl.ts +284 -0
  43. package/src/tool/colorAccuracyTest/i18n/pl.ts +284 -0
  44. package/src/tool/colorAccuracyTest/i18n/pt.ts +284 -0
  45. package/src/tool/colorAccuracyTest/i18n/ru.ts +284 -0
  46. package/src/tool/colorAccuracyTest/i18n/sv.ts +284 -0
  47. package/src/tool/colorAccuracyTest/i18n/tr.ts +284 -0
  48. package/src/tool/colorAccuracyTest/i18n/zh.ts +284 -0
  49. package/src/tool/colorAccuracyTest/index.ts +9 -0
  50. package/src/tool/colorAccuracyTest/logic.ts +226 -0
  51. package/src/tool/colorAccuracyTest/seo.astro +15 -0
  52. package/src/tool/colorAccuracyTest/ui.ts +27 -0
  53. package/src/tool/deadPixelTest/bibliography.ts +13 -0
  54. package/src/tool/deadPixelTest/i18n/de.ts +2 -12
  55. package/src/tool/deadPixelTest/i18n/en.ts +2 -12
  56. package/src/tool/deadPixelTest/i18n/es.ts +2 -12
  57. package/src/tool/deadPixelTest/i18n/fr.ts +2 -12
  58. package/src/tool/deadPixelTest/i18n/id.ts +2 -12
  59. package/src/tool/deadPixelTest/i18n/it.ts +2 -12
  60. package/src/tool/deadPixelTest/i18n/ja.ts +2 -12
  61. package/src/tool/deadPixelTest/i18n/ko.ts +2 -12
  62. package/src/tool/deadPixelTest/i18n/nl.ts +2 -12
  63. package/src/tool/deadPixelTest/i18n/pl.ts +2 -12
  64. package/src/tool/deadPixelTest/i18n/pt.ts +2 -12
  65. package/src/tool/deadPixelTest/i18n/ru.ts +2 -12
  66. package/src/tool/deadPixelTest/i18n/sv.ts +2 -12
  67. package/src/tool/deadPixelTest/i18n/tr.ts +2 -12
  68. package/src/tool/deadPixelTest/i18n/zh.ts +2 -12
  69. package/src/tool/deadPixelTest/seo.astro +3 -2
  70. package/src/tool/gamepadTest/bibliography.ts +12 -0
  71. package/src/tool/gamepadTest/i18n/de.ts +2 -12
  72. package/src/tool/gamepadTest/i18n/en.ts +2 -12
  73. package/src/tool/gamepadTest/i18n/es.ts +2 -12
  74. package/src/tool/gamepadTest/i18n/fr.ts +2 -12
  75. package/src/tool/gamepadTest/i18n/id.ts +2 -12
  76. package/src/tool/gamepadTest/i18n/it.ts +2 -12
  77. package/src/tool/gamepadTest/i18n/ja.ts +2 -12
  78. package/src/tool/gamepadTest/i18n/ko.ts +2 -12
  79. package/src/tool/gamepadTest/i18n/nl.ts +2 -12
  80. package/src/tool/gamepadTest/i18n/pl.ts +2 -12
  81. package/src/tool/gamepadTest/i18n/pt.ts +2 -12
  82. package/src/tool/gamepadTest/i18n/ru.ts +3 -13
  83. package/src/tool/gamepadTest/i18n/sv.ts +2 -12
  84. package/src/tool/gamepadTest/i18n/tr.ts +2 -12
  85. package/src/tool/gamepadTest/i18n/zh.ts +2 -12
  86. package/src/tool/gamepadTest/seo.astro +3 -2
  87. package/src/tool/gamepadVibrationTester/bibliography.ts +13 -0
  88. package/src/tool/gamepadVibrationTester/i18n/de.ts +2 -12
  89. package/src/tool/gamepadVibrationTester/i18n/en.ts +2 -12
  90. package/src/tool/gamepadVibrationTester/i18n/es.ts +2 -12
  91. package/src/tool/gamepadVibrationTester/i18n/fr.ts +2 -12
  92. package/src/tool/gamepadVibrationTester/i18n/id.ts +2 -12
  93. package/src/tool/gamepadVibrationTester/i18n/it.ts +2 -12
  94. package/src/tool/gamepadVibrationTester/i18n/ja.ts +2 -12
  95. package/src/tool/gamepadVibrationTester/i18n/ko.ts +2 -12
  96. package/src/tool/gamepadVibrationTester/i18n/nl.ts +2 -12
  97. package/src/tool/gamepadVibrationTester/i18n/pl.ts +2 -12
  98. package/src/tool/gamepadVibrationTester/i18n/pt.ts +2 -12
  99. package/src/tool/gamepadVibrationTester/i18n/ru.ts +5 -15
  100. package/src/tool/gamepadVibrationTester/i18n/sv.ts +2 -12
  101. package/src/tool/gamepadVibrationTester/i18n/tr.ts +2 -12
  102. package/src/tool/gamepadVibrationTester/i18n/zh.ts +2 -12
  103. package/src/tool/gamepadVibrationTester/seo.astro +3 -2
  104. package/src/tool/keyboardTest/bibliography.ts +13 -0
  105. package/src/tool/keyboardTest/i18n/de.ts +2 -12
  106. package/src/tool/keyboardTest/i18n/en.ts +2 -12
  107. package/src/tool/keyboardTest/i18n/es.ts +2 -12
  108. package/src/tool/keyboardTest/i18n/fr.ts +2 -12
  109. package/src/tool/keyboardTest/i18n/id.ts +2 -12
  110. package/src/tool/keyboardTest/i18n/it.ts +2 -12
  111. package/src/tool/keyboardTest/i18n/ja.ts +2 -12
  112. package/src/tool/keyboardTest/i18n/ko.ts +2 -12
  113. package/src/tool/keyboardTest/i18n/nl.ts +2 -12
  114. package/src/tool/keyboardTest/i18n/pl.ts +2 -12
  115. package/src/tool/keyboardTest/i18n/pt.ts +2 -12
  116. package/src/tool/keyboardTest/i18n/ru.ts +2 -12
  117. package/src/tool/keyboardTest/i18n/sv.ts +2 -12
  118. package/src/tool/keyboardTest/i18n/tr.ts +2 -12
  119. package/src/tool/keyboardTest/i18n/zh.ts +2 -12
  120. package/src/tool/keyboardTest/seo.astro +3 -2
  121. package/src/tool/mousePollingTest/bibliography.ts +13 -0
  122. package/src/tool/mousePollingTest/i18n/de.ts +3 -13
  123. package/src/tool/mousePollingTest/i18n/en.ts +3 -13
  124. package/src/tool/mousePollingTest/i18n/es.ts +3 -13
  125. package/src/tool/mousePollingTest/i18n/fr.ts +3 -13
  126. package/src/tool/mousePollingTest/i18n/id.ts +3 -13
  127. package/src/tool/mousePollingTest/i18n/it.ts +3 -13
  128. package/src/tool/mousePollingTest/i18n/ja.ts +3 -13
  129. package/src/tool/mousePollingTest/i18n/ko.ts +3 -13
  130. package/src/tool/mousePollingTest/i18n/nl.ts +3 -13
  131. package/src/tool/mousePollingTest/i18n/pl.ts +3 -13
  132. package/src/tool/mousePollingTest/i18n/pt.ts +3 -13
  133. package/src/tool/mousePollingTest/i18n/ru.ts +5 -15
  134. package/src/tool/mousePollingTest/i18n/sv.ts +3 -13
  135. package/src/tool/mousePollingTest/i18n/tr.ts +3 -13
  136. package/src/tool/mousePollingTest/i18n/zh.ts +3 -13
  137. package/src/tool/mousePollingTest/seo.astro +3 -2
  138. package/src/tool/refreshRateDetector/bibliography.astro +14 -0
  139. package/src/tool/refreshRateDetector/bibliography.ts +12 -0
  140. package/src/tool/refreshRateDetector/component.astro +206 -0
  141. package/src/tool/refreshRateDetector/entry.ts +29 -0
  142. package/src/tool/refreshRateDetector/i18n/de.ts +196 -0
  143. package/src/tool/refreshRateDetector/i18n/en.ts +196 -0
  144. package/src/tool/refreshRateDetector/i18n/es.ts +196 -0
  145. package/src/tool/refreshRateDetector/i18n/fr.ts +196 -0
  146. package/src/tool/refreshRateDetector/i18n/id.ts +196 -0
  147. package/src/tool/refreshRateDetector/i18n/it.ts +196 -0
  148. package/src/tool/refreshRateDetector/i18n/ja.ts +196 -0
  149. package/src/tool/refreshRateDetector/i18n/ko.ts +196 -0
  150. package/src/tool/refreshRateDetector/i18n/nl.ts +196 -0
  151. package/src/tool/refreshRateDetector/i18n/pl.ts +196 -0
  152. package/src/tool/refreshRateDetector/i18n/pt.ts +196 -0
  153. package/src/tool/refreshRateDetector/i18n/ru.ts +196 -0
  154. package/src/tool/refreshRateDetector/i18n/sv.ts +196 -0
  155. package/src/tool/refreshRateDetector/i18n/tr.ts +196 -0
  156. package/src/tool/refreshRateDetector/i18n/zh.ts +196 -0
  157. package/src/tool/refreshRateDetector/index.ts +11 -0
  158. package/src/tool/refreshRateDetector/monitor-refresh-rate-detector.css +342 -0
  159. package/src/tool/refreshRateDetector/seo.astro +15 -0
  160. package/src/tool/refreshRateDetector/ui.ts +24 -0
  161. package/src/tool/toneGenerator/bibliography.ts +13 -0
  162. package/src/tool/toneGenerator/i18n/de.ts +3 -13
  163. package/src/tool/toneGenerator/i18n/en.ts +3 -13
  164. package/src/tool/toneGenerator/i18n/es.ts +2 -12
  165. package/src/tool/toneGenerator/i18n/fr.ts +3 -13
  166. package/src/tool/toneGenerator/i18n/id.ts +3 -13
  167. package/src/tool/toneGenerator/i18n/it.ts +3 -13
  168. package/src/tool/toneGenerator/i18n/ja.ts +2 -12
  169. package/src/tool/toneGenerator/i18n/ko.ts +2 -12
  170. package/src/tool/toneGenerator/i18n/nl.ts +3 -13
  171. package/src/tool/toneGenerator/i18n/pl.ts +3 -13
  172. package/src/tool/toneGenerator/i18n/pt.ts +3 -13
  173. package/src/tool/toneGenerator/i18n/ru.ts +6 -16
  174. package/src/tool/toneGenerator/i18n/sv.ts +3 -13
  175. package/src/tool/toneGenerator/i18n/tr.ts +2 -12
  176. package/src/tool/toneGenerator/i18n/zh.ts +2 -12
  177. package/src/tool/toneGenerator/seo.astro +3 -2
  178. package/src/tools.ts +3 -1
@@ -0,0 +1,284 @@
1
+ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
2
+ import type { ToolLocaleContent } from '../../../types';
3
+ import type { SpectrumCanvasUI } from '../ui';
4
+ import { bibliography } from '../bibliography';
5
+
6
+ const slug = 'test-precisione-colore';
7
+ const title = 'Test di Precisione del Colore: Spectrum Canvas';
8
+ const description =
9
+ 'Calibra il tuo display con precisione. Testa gli spazi colore sRGB e DCI-P3, rileva le derive cromatiche, misura la precisione con le metriche Delta E e genera report di calibrazione professionali.';
10
+
11
+ const faqData = [
12
+ {
13
+ question: 'Cos\'è la precisione del colore e perché è importante?',
14
+ answer:
15
+ 'La precisione del colore misura la fedeltà con cui un display riproduce i colori rispetto a un riferimento standard. Per designer, fotografi e creatori di contenuti, colori accurati sono essenziali per garantire che il proprio lavoro appaia coerente su diversi dispositivi.',
16
+ },
17
+ {
18
+ question: 'Qual è la differenza tra sRGB e DCI-P3?',
19
+ answer:
20
+ 'sRGB è lo spazio colore standard per il web e i display consumer. DCI-P3 è una gamma cromatica più ampia utilizzata nel cinema digitale e nei display professionali. DCI-P3 copre circa il 25% di colori in più rispetto a sRGB.',
21
+ },
22
+ {
23
+ question: 'Cos\'è il Delta E e come viene misurato?',
24
+ answer:
25
+ 'Il Delta E (ΔE) è una misura numerica della differenza di colore percepita dall\'occhio umano. Un Delta E inferiore a 1 è impercettibile, inferiore a 2 è molto buono, inferiore a 4 è accettabile e sopra 4 diventa evidente. Il nostro test utilizza i calcoli Delta E CIE 1976.',
26
+ },
27
+ {
28
+ question: 'Posso usare questo strumento per calibrare il mio hardware?',
29
+ answer:
30
+ 'Questo strumento fornisce un riferimento di calibrazione visiva e misurazioni di precisione. Per una calibrazione professionale, è necessario combinare questi risultati con strumenti di calibrazione hardware (colorimetri) e software dedicati come ColorThink o Datacolor SpyderCheckr.',
31
+ },
32
+ {
33
+ question: 'Quali spazi colore vengono testati?',
34
+ answer:
35
+ 'Testiamo sRGB (standard), DCI-P3 (cinema) e la precisione del punto bianco attraverso gli illuminanti standard D65 (6500K) e D93 (9300K). Il test include anche la verifica della correzione gamma.',
36
+ },
37
+ ];
38
+
39
+ const howToData = [
40
+ {
41
+ name: 'Seleziona la tua Gamma',
42
+ text: 'Scegli tra sRGB (standard web/consumer) o DCI-P3 (cinema professionale). Il tuo display adatterà la sua tavolozza di test di conseguenza.',
43
+ },
44
+ {
45
+ name: 'Nomina il tuo Hardware (Opzionale)',
46
+ text: 'Inserisci un nome descrittivo per il tuo monitor o dispositivo (es. "MacBook Pro 16 M1"). Questo personalizzerà il tuo report.',
47
+ },
48
+ {
49
+ name: 'Entra in Modalità Schermo Intero',
50
+ text: 'Premi F11 o il pulsante a schermo intero per eliminare l\'interfaccia utente del browser e garantire il massimo spazio di visualizzazione per un test accurato.',
51
+ },
52
+ {
53
+ name: 'Completa i Test del Colore',
54
+ text: 'Procedi attraverso la Purezza Spettrale (colori pieni), la Dinamica dei Gradienti (transizioni fluide), il Rilevamento del Black Crush (dettagli nelle ombre) e la Calibrazione del Punto Bianco.',
55
+ },
56
+ {
57
+ name: 'Rivedi i Risultati ed Esporta',
58
+ text: 'Genera un report visivo con visualizzazione della Gamma 3D, metriche Delta E e raccomandazioni di calibrazione. Esporta in PDF per l\'archiviazione.',
59
+ },
60
+ ];
61
+
62
+ const faqSchema: WithContext<FAQPage> = {
63
+ '@context': 'https://schema.org',
64
+ '@type': 'FAQPage',
65
+ mainEntity: faqData.map((item) => ({
66
+ '@type': 'Question',
67
+ name: item.question,
68
+ acceptedAnswer: { '@type': 'Answer', text: item.answer },
69
+ })),
70
+ };
71
+
72
+ const howToSchema: WithContext<HowTo> = {
73
+ '@context': 'https://schema.org',
74
+ '@type': 'HowTo',
75
+ name: title,
76
+ description,
77
+ step: howToData.map((step, i) => ({
78
+ '@type': 'HowToStep',
79
+ position: i + 1,
80
+ name: step.name,
81
+ text: step.text,
82
+ })),
83
+ };
84
+
85
+ const appSchema: WithContext<SoftwareApplication> = {
86
+ '@context': 'https://schema.org',
87
+ '@type': 'SoftwareApplication',
88
+ name: title,
89
+ description,
90
+ applicationCategory: 'UtilityApplication',
91
+ operatingSystem: 'All',
92
+ offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
93
+ inLanguage: 'it',
94
+ };
95
+
96
+ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
97
+ slug,
98
+ title,
99
+ description,
100
+ faq: faqData,
101
+ howTo: howToData,
102
+ schemas: [faqSchema, howToSchema, appSchema],
103
+ bibliography,
104
+ seo: [
105
+ {
106
+ type: 'title',
107
+ text: 'Test di Precisione del Colore Professionale: Calibra il tuo Display con Precisione',
108
+ level: 2,
109
+ },
110
+ {
111
+ type: 'paragraph',
112
+ html: 'Spectrum Canvas è uno strumento professionale per il test della precisione del colore progettato per chiunque si occupi di lavori in cui il colore è critico. Che tu sia un fotografo, un designer, un creatore di contenuti o un appassionato di hardware, questo strumento ti aiuta a <strong>diagnosticare le derive cromatiche</strong>, <strong>misurare la precisione del display</strong> e <strong>generare report di calibrazione</strong>.',
113
+ },
114
+ {
115
+ type: 'title',
116
+ text: 'Perché la precisione del colore è importante',
117
+ level: 3,
118
+ },
119
+ {
120
+ type: 'paragraph',
121
+ html: 'Una differenza di un solo punto percentuale nella riproduzione del colore può significare la differenza tra un momento "wow" e una reazione del tipo "sembra sbagliato". I display professionali offrono una precisione entro <strong>Delta E &lt; 2</strong>. I display consumer spesso derivano verso un Delta E di 4-6+, causando:',
122
+ },
123
+ {
124
+ type: 'paragraph',
125
+ html: '<ul><li>Fotografie che appaiono vibranti sul monitor ma spente in stampa</li><li>Montaggi video che non corrispondono alle aspettative del cliente</li><li>Mockup di web design che non corrispondono alle specifiche del brand</li><li>Progetti hardware in cui gli indicatori di colore vengono interpretati male</li></ul>',
126
+ },
127
+ {
128
+ type: 'title',
129
+ text: 'Capire gli spazi colore: sRGB vs DCI-P3',
130
+ level: 3,
131
+ },
132
+ {
133
+ type: 'title',
134
+ text: 'sRGB (Spazio Colore Standard)',
135
+ level: 4,
136
+ },
137
+ {
138
+ type: 'paragraph',
139
+ html: 'Stabilito da Microsoft e HP nel 1996, sRGB è lo <strong>standard universale per l\'elettronica di consumo</strong> e il web. Utilizza una gamma cromatica triangolare definita da tre colori primari (Rosso: 0.6400x 0.3300, Verde: 0.3000 0.6000, Blu: 0.1500 0.0600).',
140
+ },
141
+ {
142
+ type: 'paragraph',
143
+ html: '<strong>Caratteristiche:</strong><ul><li>Copre circa il 35% dello spettro cromatico visibile</li><li>Ottimizzato per le tipiche condizioni di luce ambientale</li><li>Gamma: 2.2 (corrisponde alla maggior parte dei display consumer)</li><li>Adatto per: web, social media, foto consumer</li></ul>',
144
+ },
145
+ {
146
+ type: 'title',
147
+ text: 'DCI-P3 (Gamma Cinema Digitale)',
148
+ level: 4,
149
+ },
150
+ {
151
+ type: 'paragraph',
152
+ html: 'Sviluppato dal consorzio Digital Cinema Initiatives, DCI-P3 è uno <strong>spazio colore di livello cinematografico</strong> progettato per la proiezione teatrale e i display professionali. Racchiude circa il 25% di colori in più rispetto a sRGB.',
153
+ },
154
+ {
155
+ type: 'paragraph',
156
+ html: '<strong>Caratteristiche:</strong><ul><li>Copre circa il 53% dello spettro cromatico visibile</li><li>Ottimizzato per ambienti cinematografici oscuri</li><li>Gamma: 2.6 (corretto in gamma per un contrasto elevato)</li><li>Adatto per: filmmaking, fotografia professionale, contenuti HDR</li></ul>',
157
+ },
158
+ {
159
+ type: 'title',
160
+ text: 'Cos\'è il Delta E? Quantificare la differenza di colore',
161
+ level: 3,
162
+ },
163
+ {
164
+ type: 'paragraph',
165
+ html: 'Il Delta E (ΔE) è la <strong>metrica della differenza di colore percepibile dall\'uomo</strong> nello spazio colore CIE LAB. Indica quanto l\'output del tuo display è vicino a un colore di riferimento standard.',
166
+ },
167
+ {
168
+ type: 'paragraph',
169
+ html: '<strong>Scala Delta E (CIE 1976):</strong><ul><li>0–1: Impercettibile all\'occhio umano</li><li>1–2: Appena percettibile</li><li>2–4: Percettibile ma accettabile per uso generale</li><li>4–6: Deriva cromatica evidente</li><li>&gt;6: Differenza molto ovvia</li></ul>',
170
+ },
171
+ {
172
+ type: 'paragraph',
173
+ html: 'I display professionali sono calibrati per mantenere un <strong>Delta E &lt; 2</strong> su tutta la gamma visibile. I display consumer tipicamente raggiungono un Delta E di 3-5.',
174
+ },
175
+ {
176
+ type: 'title',
177
+ text: 'La Suite di Test Spectrum Canvas',
178
+ level: 3,
179
+ },
180
+ {
181
+ type: 'title',
182
+ text: 'Test di Purezza Spettrale',
183
+ level: 4,
184
+ },
185
+ {
186
+ type: 'paragraph',
187
+ html: 'Mostra i colori primari e secondari puri (Rosso, Verde, Blue, Ciano, Magenta, Giallo) e misura come il monitor li riproduce. Le animazioni di "riempimento" del colore rivelano una riproduzione cromatica coerente su tutto lo schermo.',
188
+ },
189
+ {
190
+ type: 'title',
191
+ text: 'Dinamica dei Gradienti',
192
+ level: 4,
193
+ },
194
+ {
195
+ type: 'paragraph',
196
+ html: 'Gradienti morbidi che transitano attraverso l\'intero spazio colore. Cerca <strong>artefatti di banding</strong> (gradini visibili invece di transizioni morbide), che indicano un\'insufficiente profondità di bit del colore o una cattiva correzione gamma.',
197
+ },
198
+ {
199
+ type: 'title',
200
+ text: 'Rilevamento del Black Crush (Test del Buco Nero)',
201
+ level: 4,
202
+ },
203
+ {
204
+ type: 'paragraph',
205
+ html: 'Sfondo nero puro (0,0,0) con sfumature quasi nere appena visibili. Se il dettaglio delle ombre si "schiaccia", il monitor sta perdendo informazioni nei toni scuri — comune nei display mobile e nei pannelli economici.',
206
+ },
207
+ {
208
+ type: 'title',
209
+ text: 'Calibrazione del Punto Bianco',
210
+ level: 4,
211
+ },
212
+ {
213
+ type: 'paragraph',
214
+ html: 'Testa diverse temperature di colore correlate (D65 a 6500K = luce diurna, D93 a 9300K = studio), rivelando qualsiasi deriva della temperatura del colore o instabilità termica.',
215
+ },
216
+ {
217
+ type: 'title',
218
+ text: 'Interpretare i Risultati',
219
+ level: 3,
220
+ },
221
+ {
222
+ type: 'paragraph',
223
+ html: 'Spectrum Canvas genera un report visivo elegante e pronto per la stampa con:',
224
+ },
225
+ {
226
+ type: 'paragraph',
227
+ html: '<ul><li><strong>Visualizzazione Gamma 3D:</strong> Un grafico 3D rotante che mostra il volume di colore effettivo del display rispetto allo standard di riferimento</li><li><strong>Mappa di calore Delta E:</strong> Dove nello spettro il tuo display deriva</li><li><strong>Curva Gamma:</strong> Linearità della luminosità nell\'intervallo 0–255</li><li><strong>Punteggio di calibrazione:</strong> Un unico "Spectrum Grade" (Elite, Cinematic, Studio, Standard) basato sulla precisione complessiva</li></ul>',
228
+ },
229
+ {
230
+ type: 'title',
231
+ text: 'Avanzato: Suggerimenti per la Calibrazione Manuale',
232
+ level: 3,
233
+ },
234
+ {
235
+ type: 'paragraph',
236
+ html: 'Se i tuoi risultati mostrano una deriva, prova queste regolazioni nel menu OSD (On-Screen Display) del monitor:',
237
+ },
238
+ {
239
+ type: 'paragraph',
240
+ html: '<ul><li><strong>Temperatura Colore:</strong> Sposta verso "Caldo" se i colori sono troppo freddi/blu; verso "Freddo" se sono troppo caldi/gialli</li><li><strong>Contrasto:</strong> Aumenta se i neri appaiono sbiaditi; diminuisci se il dettaglio è schiacciato</li><li><strong>Luminosità:</strong> Regola per ottenere un grigio neutro senza tinte di colore al 50% della luminosità</li><li><strong>Saturazione:</strong> Se i colori sono ipersaturi, riduci; se sono spenti, aumenta</li></ul>',
241
+ },
242
+ {
243
+ type: 'title',
244
+ text: 'Limitazioni e Migliori Pratiche',
245
+ level: 3,
246
+ },
247
+ {
248
+ type: 'paragraph',
249
+ html: '<strong>Questo strumento fornisce riferimenti visivi e statistici</strong>. Per lavori professionali che richiedono una calibrazione certificata, utilizza misuratori di colore hardware (spettrofotometro o colorimetro) e software di calibrazione dedicato.',
250
+ },
251
+ {
252
+ type: 'paragraph',
253
+ html: '<strong>Migliori Pratiche:</strong><ul><li>Lascia riscaldare il monitor per 30 minuti prima del test (la deriva termica si stabilizza)</li><li>Esegui il test in condizioni di luce ambientale costanti</li><li>Evita i riflessi; usa una visiera per monitor se possibile</li><li>Ripeti i test settimanalmente per monitorare la deriva nel tempo</li><li>Conserva un archivio digitale dei report per confronti futuri</li></ul>',
254
+ },
255
+ ],
256
+ ui: {
257
+ badge: 'Calibrazione Display',
258
+ title: 'Spectrum Canvas: Test di Precisione del Colore',
259
+ description:
260
+ 'La calibrazione professionale del display incontra l\'estetica cinematografica. Testa sRGB e DCI-P3, misura la precisione Delta E, rileva le derive cromatiche e genera un report visivo che trasforma i dati in conoscenza.',
261
+ btnStartCalibration: 'Inizia Calibrazione',
262
+ btnFullscreen: 'Schermo Intero',
263
+ kbdFullscreen: 'F11',
264
+ kbdFullscreenLabel: 'Modalità Schermo Intero',
265
+ kbdReset: 'R',
266
+ kbdResetLabel: 'Ripristina Test',
267
+ kbdEsc: 'ESC',
268
+ kbdEscLabel: 'Esci',
269
+ gamutSRGB: 'sRGB',
270
+ gamutDCIP3: 'DCI-P3',
271
+ gamutToggle: 'Spazio Colore',
272
+ hardwareName: 'Nome Hardware/Monitor',
273
+ hardwareNamePlaceholder: 'es. MacBook Pro 16" M1 Max',
274
+ purityTest: 'Purezza Spettrale',
275
+ gradientTest: 'Dinamica dei Gradienti',
276
+ blackHoleTest: 'Rilevamento Black Crush',
277
+ whitePointTest: 'Calibrazione Punto Bianco',
278
+ colorCheckpoint: 'Punto di Controllo Colore',
279
+ generateReport: 'Genera Report',
280
+ viewResults: 'Visualizza Risultati',
281
+ btnExit: 'Esci (ESC)',
282
+ compareSideBySide: 'Confronta Lado a Lado',
283
+ },
284
+ };
@@ -0,0 +1,284 @@
1
+ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
2
+ import type { ToolLocaleContent } from '../../../types';
3
+ import type { SpectrumCanvasUI } from '../ui';
4
+ import { bibliography } from '../bibliography';
5
+
6
+ const slug = 'color-accuracy-test';
7
+ const title = '色再現性テスト: Spectrum Canvas';
8
+ const description =
9
+ 'ディスプレイを精密にキャリブレーション。sRGBおよびDCI-P3色域のテスト、色ずれの検出、Delta E指標による精度測定、そしてプロ仕様のキャリブレーションレポート作成が可能です。';
10
+
11
+ const faqData = [
12
+ {
13
+ question: '色再現性(カラーアクチュラシー)とは何ですか?なぜ重要なのですか?',
14
+ answer:
15
+ '色再現性とは、ディスプレイが標準的なリファレンスと比較して、いかに忠実に色を再現しているかを測定するものです。デザイナー、写真家、コンテンツクリエイターにとって、正確な色は、自身の作品が異なるデバイス間で一貫して見えるようにするために不可欠です。',
16
+ },
17
+ {
18
+ question: 'sRGBとDCI-P3の違いは何ですか?',
19
+ answer:
20
+ 'sRGBはウェブや一般消費者向けディスプレイの標準的な色空間です。DCI-P3は、デジタルシネマやプロ向けディスプレイで使用されるより広い色域です。DCI-P3はsRGBよりも約25%多くの色をカバーしています。',
21
+ },
22
+ {
23
+ question: 'Delta Eとは何ですか?どのように測定されますか?',
24
+ answer:
25
+ 'Delta E(ΔE)は、人間の目によって知覚される色の違いを数値化したものです。Delta Eが1未満は知覚不能、2未満は非常に良好、4未満は許容範囲内、4を超えると色の違いが目立つようになります。本テストではCIE 1976 Delta E計算を使用しています。',
26
+ },
27
+ {
28
+ question: 'このツールをハードウェアのキャリブレーションに使用できますか?',
29
+ answer:
30
+ 'このツールは視覚的なキャリブレーションリファレンスと精度測定を提供します。プロフェッショナルなキャリブレーションには、これらの結果をハードウェアキャリブレーションツール(カラーメーター)やColorThink、Datacolor SpyderCheckrなどの専用ソフトウェアと組み合わせて使用することをお勧めします。',
31
+ },
32
+ {
33
+ question: 'どの色空間がテストされますか?',
34
+ answer:
35
+ 'sRGB(標準)、DCI-P3(シネマ)、および標準光源D65(6500K)とD93(9300K)におけるホワイトポイント精度をテストします。テストにはガンマ補正の検証も含まれます。',
36
+ },
37
+ ];
38
+
39
+ const howToData = [
40
+ {
41
+ name: 'ガマット(色域)を選択する',
42
+ text: 'sRGB(標準ウェブ/消費者向け)またはDCI-P3(プロフェッショナルシネマ)から選択します。ディスプレイのテスト用パレットがそれに応じて切り替わります。',
43
+ },
44
+ {
45
+ name: 'ハードウェア名の入力(任意)',
46
+ text: 'モニターやデバイスの識別名(例:「MacBook Pro 16 M1」など)を入力します。これにより、レポートがパーソナライズされます。',
47
+ },
48
+ {
49
+ name: '全画面モードへの切り替え',
50
+ text: 'F11キーまたは全画面ボタンを押してブラウザのUIを非表示にし、正確なテストのために表示領域を最大化します。',
51
+ },
52
+ {
53
+ name: 'カラーテストの実施',
54
+ text: 'スペクトル純度(単色)、グラデーションダイナミクス(滑らかな階調)、ブラッククラッシュ検出(シャドウ詳細)、およびホワイトポイントキャリブレーションを進めます。',
55
+ },
56
+ {
57
+ name: '結果の確認とエクスポート',
58
+ text: '3Dガマット可視化、Delta E指標、キャリブレーション推奨事項を含むビジュアルレポートを生成します。アーカイブ用にPDFとして書き出すことができます。',
59
+ },
60
+ ];
61
+
62
+ const faqSchema: WithContext<FAQPage> = {
63
+ '@context': 'https://schema.org',
64
+ '@type': 'FAQPage',
65
+ mainEntity: faqData.map((item) => ({
66
+ '@type': 'Question',
67
+ name: item.question,
68
+ acceptedAnswer: { '@type': 'Answer', text: item.answer },
69
+ })),
70
+ };
71
+
72
+ const howToSchema: WithContext<HowTo> = {
73
+ '@context': 'https://schema.org',
74
+ '@type': 'HowTo',
75
+ name: title,
76
+ description,
77
+ step: howToData.map((step, i) => ({
78
+ '@type': 'HowToStep',
79
+ position: i + 1,
80
+ name: step.name,
81
+ text: step.text,
82
+ })),
83
+ };
84
+
85
+ const appSchema: WithContext<SoftwareApplication> = {
86
+ '@context': 'https://schema.org',
87
+ '@type': 'SoftwareApplication',
88
+ name: title,
89
+ description,
90
+ applicationCategory: 'UtilityApplication',
91
+ operatingSystem: 'All',
92
+ offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
93
+ inLanguage: 'ja',
94
+ };
95
+
96
+ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
97
+ slug,
98
+ title,
99
+ description,
100
+ faq: faqData,
101
+ howTo: howToData,
102
+ schemas: [faqSchema, howToSchema, appSchema],
103
+ bibliography,
104
+ seo: [
105
+ {
106
+ type: 'title',
107
+ text: 'プロフェッショナル色再現性テスト:ディスプレイを精密にキャリブレーション',
108
+ level: 2,
109
+ },
110
+ {
111
+ type: 'paragraph',
112
+ html: 'Spectrum Canvasは、色にシビアな作業に従事するすべての人のために設計された、プログレードの色再現性テストツールです。フォトグラファー、デザイナー、コンテンツクリエイター、あるいはハードウェア愛好家であっても、このツールは<strong>色ずれの診断</strong>、<strong>ディスプレイ精度の測定</strong>、および<strong>キャリブレーションレポートの作成</strong>に役立ちます。',
113
+ },
114
+ {
115
+ type: 'title',
116
+ text: 'なぜ色再現性が重要なのか',
117
+ level: 3,
118
+ },
119
+ {
120
+ type: 'paragraph',
121
+ html: '色再現におけるわずか1%の差が、「感動」と「違和感」の分かれ目になることがあります。プロフェッショナルなディスプレイは、<strong>Delta E &lt; 2</strong>以内の精度を提供します。一般消費者向けのディスプレイはDelta E 4-6以上にまでずれ込むことが多く、以下のような問題を引き起こします。',
122
+ },
123
+ {
124
+ type: 'paragraph',
125
+ html: '<ul><li>モニター上では鮮やかに見える写真が、印刷するとくすんで見える</li><li>動画編集の結果がクライアントの期待と一致しない</li><li>ウェブデザインのモックアップがブランドの規定色と異なる</li><li>ハードウェアプロジェクトで色のインジケーターを見誤る</li></ul>',
126
+ },
127
+ {
128
+ type: 'title',
129
+ text: '色空間を理解する:sRGB vs DCI-P3',
130
+ level: 3,
131
+ },
132
+ {
133
+ type: 'title',
134
+ text: 'sRGB(標準色空間)',
135
+ level: 4,
136
+ },
137
+ {
138
+ type: 'paragraph',
139
+ html: '1996年にMicrosoftとHPによって策定されたsRGBは、<strong>家電製品およびウェブの世界的標準</strong>です。3つの原色(赤:0.6400x 0.3300、緑:0.3000 0.6000、青:0.1500 0.0600)によって定義される三角形のカラーガマットを使用します。',
140
+ },
141
+ {
142
+ type: 'paragraph',
143
+ html: '<strong>特徴:</strong><ul><li>可視光スペクトルの約35%をカバー</li><li>一般的な室内照明環境に最適化</li><li>ガンマ:2.2(ほとんどの消費者向けディスプレイに一致)</li><li>用途:ウェブ、SNS、一般写真</li></ul>',
144
+ },
145
+ {
146
+ type: 'title',
147
+ text: 'DCI-P3(デジタルシネマガマット)',
148
+ level: 4,
149
+ },
150
+ {
151
+ type: 'paragraph',
152
+ html: 'Digital Cinema Initiativesコンソーシアムによって開発されたDCI-P3は、映画上映およびプロフェッショナルディスプレイ向けに設計された<strong>シネマグレードの色空間</strong>です。sRGBよりも約25%多くの色を包含しています。',
153
+ },
154
+ {
155
+ type: 'paragraph',
156
+ html: '<strong>特徴:</strong><ul><li>可視光スペクトルの約53%をカバー</li><li>暗いシアター環境に最適化</li><li>ガンマ:2.6(高コントラスト向けにガンマ補正済み)</li><li>用途:映画製作、プロ写真、HDRコンテンツ</li></ul>',
157
+ },
158
+ {
159
+ type: 'title',
160
+ text: 'Delta Eとは?色差の定量化',
161
+ level: 3,
162
+ },
163
+ {
164
+ type: 'paragraph',
165
+ html: 'Delta E(ΔE)は、CIE LAB色空間における<strong>人間が知覚できる色差の指標</strong>です。ディスプレイの出力が標準のリファレンスカラーにどれだけ近いかを示します。',
166
+ },
167
+ {
168
+ type: 'paragraph',
169
+ html: '<strong>Delta Eスケール(CIE 1976):</strong><ul><li>0–1:人間の目では知覚不能</li><li>1–2:かろうじて知覚可能</li><li>2–4:知覚可能だが一般的な用途には許容範囲内</li><li>4–6:目立つ色ずれ</li><li>&gt;6:非常に明らかな違い</li></ul>',
170
+ },
171
+ {
172
+ type: 'paragraph',
173
+ html: 'プロフェッショナルなディスプレイは、可視域全体で<strong>Delta E &lt; 2</strong>を維持するようにキャリブレーションされています。消費者向けディスプレイは、通常Delta E 3-5程度です。',
174
+ },
175
+ {
176
+ type: 'title',
177
+ text: 'Spectrum Canvas テストスイート',
178
+ level: 3,
179
+ },
180
+ {
181
+ type: 'title',
182
+ text: 'スペクトル純度テスト',
183
+ level: 4,
184
+ },
185
+ {
186
+ type: 'paragraph',
187
+ html: '純粋な原色および二次色(赤、緑、青、シアン、マゼンタ、黄色)を表示し、モニターがそれらをいかに再現するかを測定します。色の「フラッド」アニメーションにより、画面全体での一貫した色再現性を確認できます。',
188
+ },
189
+ {
190
+ type: 'title',
191
+ text: 'グラデーションダイナミクス',
192
+ level: 4,
193
+ },
194
+ {
195
+ type: 'paragraph',
196
+ html: '色空間全体を遷移する滑らかなグラデーションを表示します。<strong>バンディング(階調飛び)</strong>(滑らかな遷移ではなく、階段状に見える現象)がないか確認してください。これは色深度の不足やガンマ補正の不備を示します。',
197
+ },
198
+ {
199
+ type: 'title',
200
+ text: 'ブラッククラッシュ検出(ブラックホールテスト)',
201
+ level: 4,
202
+ },
203
+ {
204
+ type: 'paragraph',
205
+ html: '完全な黒(0,0,0)の背景に、かろうじて見える黒に近い階調を表示します。シャドウの詳細が「潰れて(クラッシュ)」見える場合、モニターは暗いトーンの情報を失っています。これはモバイルディスプレイや安価なパネルでよく見られます。',
206
+ },
207
+ {
208
+ type: 'title',
209
+ text: 'ホワイトポイントキャリブレーション',
210
+ level: 4,
211
+ },
212
+ {
213
+ type: 'paragraph',
214
+ html: '異なる相関色温度(D65:6500K=昼光、D93:9300K=スタジオ)をテストし、色温度のドリフトや熱的な不安定性を明らかにします。',
215
+ },
216
+ {
217
+ type: 'title',
218
+ text: '結果の解釈',
219
+ level: 3,
220
+ },
221
+ {
222
+ type: 'paragraph',
223
+ html: 'Spectrum Canvasは、以下を含む美しく印刷に適したレポートを生成します。',
224
+ },
225
+ {
226
+ type: 'paragraph',
227
+ html: '<ul><li><strong>3Dガマット可視化:</strong> ディスプレイの実際の色域ボリュームをリファレンス標準と比較して示す、回転可能な3Dプロット。</li><li><strong>Delta E ヒートマップ:</strong> スペクトルのどの部分でディスプレイの色がずれているかを示します。</li><li><strong>ガンマ曲線:</strong> 0〜255の範囲における輝度の直線性を確認できます。</li><li><strong>キャリブレーションスコア:</strong> 総合的な精度に基づいた単一の「Spectrum Grade」(Elite, Cinematic, Studio, Standard)を付与します。</li></ul>',
228
+ },
229
+ {
230
+ type: 'title',
231
+ text: '高度な機能:手動調整のヒント',
232
+ level: 3,
233
+ },
234
+ {
235
+ type: 'paragraph',
236
+ html: '結果にずれが見られる場合は、モニターのOSD(オン・スクリーン・ディスプレイ)メニューで以下の調整を試してください。',
237
+ },
238
+ {
239
+ type: 'paragraph',
240
+ html: '<ul><li><strong>色温度:</strong> 色が青すぎる(冷たすぎる)場合は「Warm」へ、黄色すぎる(温かすぎる)場合は「Cool」へシフトさせます。</li><li><strong>コントラスト:</strong> 黒が浮いて見える場合は上げ、詳細が潰れている場合は下げます。</li><li><strong>輝度:</strong> 輝度50%で、色かぶりのないニュートラルなグレーになるように調整します。</li><li><strong>彩度:</strong> 色が鮮やかすぎる場合は下げ、くすんでいる場合は上げます。</li></ul>',
241
+ },
242
+ {
243
+ type: 'title',
244
+ text: '制限事項とベストプラクティス',
245
+ level: 3,
246
+ },
247
+ {
248
+ type: 'paragraph',
249
+ html: '<strong>本ツールは視覚的および統計的なリファレンスを提供します。</strong> 公認のキャリブレーションを必要とするプロフェッショナルな作業には、ハードウェアカラーメーター(分光光度計または色彩輝度計)と専用のキャリブレーションソフトウェアを使用してください。',
250
+ },
251
+ {
252
+ type: 'paragraph',
253
+ html: '<strong>ベストプラクティス:</strong><ul><li>テストの30分前にモニターの電源を入れ、ウォーミングアップを行ってください(熱的なドリフトが安定します)。</li><li>一定の周囲照明環境でテストしてください。</li><li>映り込みを避け、可能であればモニターフードを使用してください。</li><li>経年変化を追跡するために、毎週テストを繰り返してください。</li><li>将来の比較のために、レポートのデジタルアーカイブを保管してください。</li></ul>',
254
+ },
255
+ ],
256
+ ui: {
257
+ badge: 'ディスプレイ調整',
258
+ title: 'Spectrum Canvas: 色再現性テスト',
259
+ description:
260
+ 'プロフェッショナルなディスプレイ調整とシネマ級の美学が融合。sRGBとDCI-P3をテストし、Delta E精度を測定。色ずれを検出し、データを洞察へと変えるビジュアルレポートを生成します。',
261
+ btnStartCalibration: 'キャリブレーション開始',
262
+ btnFullscreen: '全画面',
263
+ kbdFullscreen: 'F11',
264
+ kbdFullscreenLabel: '全画面モード',
265
+ kbdReset: 'R',
266
+ kbdResetLabel: 'テストをリセット',
267
+ kbdEsc: 'ESC',
268
+ kbdEscLabel: '終了',
269
+ gamutSRGB: 'sRGB',
270
+ gamutDCIP3: 'DCI-P3',
271
+ gamutToggle: '色空間',
272
+ hardwareName: 'ハードウェア/モニター名',
273
+ hardwareNamePlaceholder: '例:MacBook Pro 16" M1 Max',
274
+ purityTest: 'スペクトル純度',
275
+ gradientTest: 'グラデーションダイナミクス',
276
+ blackHoleTest: 'ブラッククラッシュ検出',
277
+ whitePointTest: 'ホワイトポイントキャリブレーション',
278
+ colorCheckpoint: 'カラーチェックポイント',
279
+ generateReport: 'レポート生成',
280
+ viewResults: '結果を表示',
281
+ btnExit: '終了 (ESC)',
282
+ compareSideBySide: 'サイドバイサイドで比較',
283
+ },
284
+ };