itube-specs 0.0.971 → 0.0.973

package/composables/use-test-model-images.ts

@@ -6,51 +6,52 @@ export interface ITestModelPortrait {
   primaryImageSmallAvifUrl?: string;
 }
 
-const PORTRAIT_COUNT = 16;
+/** Модели из тестовой поставки нарезчика: `public/img/models/<guid>{,-640,-300}.{png,webp,avif}`. */
+const PORTRAIT_GUIDS = [
+  '00003fff-0aa5-4e65-9356-7e01358408fe',
+  '0000cca2-8ec5-4c12-950f-4460920805b9',
+  '0002b6da-f82d-484a-aa0b-9a7f9ecb11da',
+  '00038fca-1453-40d8-8ace-66ea034c804e',
+  '0004202c-10a1-461b-9f80-e3c0fafdff04',
+  '0004c061-1393-42d0-8582-29952591129f',
+  '0006f78f-e668-4c35-9370-a936565780a4',
+  '0006fe81-996a-4ab3-b5b9-27285dd1c2cd',
+  '00072f5d-6068-4fa0-a22f-16b07d6f4e6b',
+  '000785cd-9500-4915-a7f4-836dda420f34',
+];
 
 /**
- * Тестовые портреты моделей из `public/img/models/`. Везде один файл 640w:
+ * Тестовые портреты моделей. `?img=png` отдаёт исходники 1024×1536 для сравнения, без
+ * параметра — нарезку по `DOCS/MODEL-IMAGES.md`: avif через `<picture>`, фолбэк webp.
  *
- * - `?img=png` — исходники;
- * - `?img=webp` — только webp, без avif-ветки;
- * - без параметра — avif q63 4:4:4 через `<picture>`, фолбэк webp `-q 85 -m 6 -pass 10 -sharp_yuv`.
+ * Две ширины, выбирает их КОМПОНЕНТ, а не браузер: srcset мы не ставим. 640w — портрет в
+ * карточку сетки, 300w — квадратный кроп по лицу в круглые аватары, мини-карточки и подсказки
+ * поиска.
  *
- * Две ширины: 640w в карточку сетки и 300w во всё мелкое — круглые аватары, мини-карточки,
- * подсказки поиска. 300w закрывает их с запасом даже при DPR3 (круглому нужно 288) и весит
- * 8.5 KB против 40.6 у полного файла. Выбирает не браузер, а компонент: srcset мы не ставим.
- *
- * Качество ступеней подобрано по равной ошибке в высоких частотах: webp q85 даёт 0.00405,
- * avif q63 — 0.00399. Вес при этом 645 против 434 KB на 16 картинок, то есть avif легче на
- * треть при том же качестве. Разрыв держится на всём диапазоне, от точки не зависит.
- *
- * Один файл, а НЕ ступени через srcset. Исходники 640, слот карточки максимум 297 CSS, так
- * что 640w закрывает любое устройство вплоть до DPR3. Ступень мельче слота при этом заведомо
- * хуже полного файла: её портит двойной пересчёт (наш ресайз плюс браузерный), а её артефакты
- * показываются почти 1:1, тогда как 640w в том же слоте ужимается в 2.6 раза и они
- * размазываются. Проверено на DPR1-мониторе: ладдер мылит, один файл нет. Ступени станут
- * осмысленны, только если исходники вырастут заметно выше 640.
- *
- * Кроп под 3:4 не делаем — обрезает `object-fit`. Почему именно так, см. `IModelImageUrls`.
+ * Ступеней через srcset НЕ делаем. Ступень мельче слота заведомо хуже полного файла: её портит
+ * двойной пересчёт (ресайз нарезчика плюс браузерный), а её артефакты показываются почти 1:1,
+ * тогда как 640w в слоте карточки ужимается в 2.6 раза и они размазываются. Проверено на
+ * DPR1-мониторе: ладдер мылит, один файл нет.
  *
  * Читается один раз на монтировании, поэтому переключение — перезагрузкой, а не навигацией
  * по query. Для замера сети это и нужно: он честен только с чистого захода.
  */
 export function useTestModelImages() {
-  const format = useRoute().query['img'];
+  const isSource = useRoute().query['img'] === 'png';
 
-  const portraits: ITestModelPortrait[] = Array.from({ length: PORTRAIT_COUNT }, (_, index) => {
-    const base = `/img/models/portrait-${index + 1}`;
+  const portraits: ITestModelPortrait[] = PORTRAIT_GUIDS.map((guid) => {
+    const base = `/img/models/${guid}`;
 
-    if (format === 'png') {
+    if (isSource) {
       return { primaryImageUrl: `${base}.png`, thumbUrl: `${base}.png` };
     }
 
     return {
-      primaryImageUrl: `${base}-q85.webp`,
-      thumbUrl: `${base}-300-q85.webp`,
-      primaryImageSmallUrl: `${base}-300-q85.webp`,
-      primaryImageAvifUrl: format === 'webp' ? undefined : `${base}-q63.avif`,
-      primaryImageSmallAvifUrl: format === 'webp' ? undefined : `${base}-300-q63.avif`,
+      primaryImageUrl: `${base}-640.webp`,
+      thumbUrl: `${base}-300.webp`,
+      primaryImageSmallUrl: `${base}-300.webp`,
+      primaryImageAvifUrl: `${base}-640.avif`,
+      primaryImageSmallAvifUrl: `${base}-300.avif`,
     };
   });
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.971",
+  "version": "0.0.973",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {