itube-specs 0.0.975 → 0.0.977

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

@@ -1,15 +1,12 @@
-import type { IModelImageUrls } from '../types';
-
 export interface ITestModelPortrait {
   primaryImageUrl: string;
-  primaryImageUrls?: IModelImageUrls;
   thumbUrl: string;
   primaryImageAvifUrl?: string;
   primaryImageSmallUrl?: string;
   primaryImageSmallAvifUrl?: string;
 }
 
-/** Модели из тестовой поставки нарезчика: `public/img/models/<guid>{,-800,-300}.{png,webp,avif}`. */
+/** Модели из тестовой поставки нарезчика: `public/img/models/<guid>{,-640,-256}.{png,webp,avif}`. */
 const PORTRAIT_GUIDS = [
   '00003fff-0aa5-4e65-9356-7e01358408fe',
   '0000cca2-8ec5-4c12-950f-4460920805b9',
@@ -27,46 +24,40 @@ const PORTRAIT_GUIDS = [
  * Тестовые портреты моделей:
  *
  * - `?img=png` — исходники 1024×1536;
- * - `?img=ladder` — карточка через srcset со ступенями 300/600/800, как учит учебник:
- *   на DPR1 браузер возьмёт 300, на DPR2 — 600, на DPR3 — 800;
- * - без параметра — нарезка по `DOCS/MODEL-IMAGES.md`: один 800w, avif через `<picture>`.
+ * - без параметра — нарезка по `DOCS/MODEL-IMAGES.md`: один 640w, avif через `<picture>`.
  *
- * Две ширины, выбирает их КОМПОНЕНТ, а не браузер: srcset мы не ставим. 800w — портрет в
- * карточку сетки, 300w — квадратный кроп по лицу в круглые аватары, мини-карточки и подсказки
+ * Две ширины, выбирает их КОМПОНЕНТ, а не браузер: srcset мы не ставим. 640w — портрет в
+ * карточку сетки, 256w — квадратный кроп по лицу в круглые аватары, мини-карточки и подсказки
  * поиска.
  *
  * Ступеней через srcset НЕ делаем. Ступень мельче слота заведомо хуже полного файла: её портит
  * двойной пересчёт (ресайз нарезчика плюс браузерный), а её артефакты показываются почти 1:1,
- * тогда как 800w в слоте карточки ужимается в 3.1 раза и они размазываются. Проверено на
+ * тогда как 640w в слоте карточки ужимается в 2.5 раза и они размазываются. Проверено на
  * DPR1-мониторе: ладдер мылит, один файл нет.
  *
- * Ширина 800, а не 640, потому что на мониторе без ретины запас на уменьшение важнее качества
- * сжатия: за один и тот же вес выгоднее взять больше пикселей и опустить качество. Сравнивали
- * 640/800/1024 при одинаковых ~33 KB.
+ * Пробовали поднять ширину до 800 и 1024 при том же весе: на DPR1-мониторе рядом с исходником
+ * они чуть чище. Но без эталона под рукой разницу не поймать, а у пользователя эталона нет —
+ * остались на 640.
  *
  * Читается один раз на монтировании, поэтому переключение — перезагрузкой, а не навигацией
  * по query. Для замера сети это и нужно: он честен только с чистого захода.
  */
 export function useTestModelImages() {
-  const format = String(useRoute().query['img'] || '');
+  const isSource = useRoute().query['img'] === 'png';
 
   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}-800.webp`,
-      thumbUrl: `${base}-300.webp`,
-      primaryImageSmallUrl: `${base}-300.webp`,
-      primaryImageAvifUrl: `${base}-800.avif`,
-      primaryImageSmallAvifUrl: `${base}-300.avif`,
-      primaryImageUrls: format === 'ladder' ? {
-        avif: { 300: `${base}-p300.avif`, 600: `${base}-p600.avif`, 800: `${base}-800.avif` },
-        webp: { 300: `${base}-p300.webp`, 600: `${base}-p600.webp`, 800: `${base}-800.webp` },
-      } : undefined,
+      primaryImageUrl: `${base}-640.webp`,
+      thumbUrl: `${base}-256.webp`,
+      primaryImageSmallUrl: `${base}-256.webp`,
+      primaryImageAvifUrl: `${base}-640.avif`,
+      primaryImageSmallAvifUrl: `${base}-256.avif`,
     };
   });
 

package/package.json

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