Описать роль
Запишите URL, страницу, тему, назначение, ссылку, язык и видимость.
РУКОВОДСТВО / ПРОТОКОЛ
Аудит редакционных изображений сайта
Полезное изображение что-то объясняет; его роль, источник и содержание должны быть ясны.
Прямой ответ
Как решить, какие изображения сохранить или исправить?
Составьте перечень по страницам и назначению. Разделите информативные, декоративные и функциональные изображения; проверьте источник, права, точность, альтернативу, подпись, размеры и HTML.
01 / Метод проверки
Метод проверки
Проверить источник
Укажите автора, происхождение, лицензию или разрешение, дату, изменения и сведения о генерации. Исключите неподтверждённые права.
Проверить смысл
Для информативных изображений дайте контекстную альтернативу; не озвучивайте лишнюю декорацию. Проверьте подпись и контраст.
Проверить выдачу
Изучите src и srcset, формат, размеры, приоритет загрузки, вес, мобильный вид и данные о лицензии.
НА ПРАКТИКЕ
Изображению нужны роль, источник и подходящий формат
Сначала определите, что должен понять читатель. Атмосферный кадр вводит тему; изображение как доказательство требует происхождения и контекста. Затем выбирайте кадрирование, подпись и объём файла.
Что проверить в первую очередь?
Выберите наблюдаемую ситуацию. Каждый вариант описывает первую проверку, нужные доказательства и её ограничения.
У фотографии нет установленного источника
- Первая проверка
- Найдите первую прослеживаемую запись и сравните снимок, подпись, дату и авторство. Разделяйте создателя и перепубликующие аккаунты.
- Что сохранить
- Точный URL, идентификатор, авторство, известные даты съёмки и публикации, фрагмент, объясняющий контекст.
- Ограничение
- Узнавание снимка не подтверждает событие из новой подписи. Безрезультатный поиск не доказывает подделку.
Кадрирование убирает важную информацию
- Первая проверка
- Сравните полный снимок с отображением на телефоне и компьютере. Проверьте лица, подписи, шкалы, ориентиры и необходимые детали.
- Что сохранить
- Оригинал, кадрирование, размеры отображения, правило позиционирования и пример утраченной детали.
- Ограничение
- Красивое кадрирование может менять смысл. Альтернативный текст полезен в зависимости от роли изображения, но сам по себе не делает нечитаемый график понятным.
Изображение, похоже, задерживает отображение
- Первая проверка
- Определите реально загруженный файл, его размер и момент обнаружения в сети. Сравните ширину с отображением и ролью основного контента.
- Что сохранить
- URL, полученная версия, размеры, переданные байты, устройство, сеть и повторные измерения до и после исправления.
- Ограничение
- Меньший файл не исправляет поздний запрос. Слишком маленькая версия ухудшает чтение; не выбирайте сжатие только по байтам.
Дополнительные материалы
| Ситуация | Чего избегать | Полезное исправление |
|---|---|---|
| Атмосферный кадр | Выдавать сгенерированную сцену за реальное событие. | Указать иллюстративную роль и создание ИИ. |
| Документальная фотография | Использовать красивый снимок без даты и происхождения. | Связать карточку, автора или организацию, дату съёмки и условия использования. |
| Поясняющий график | Оставлять числа только в пикселях. | Дать значения, единицы и ограничения также текстом или таблицей. |
Роль
Какой смысл исчезнет без изображения?
Происхождение
Какой источник и подпись обосновывают использование?
Формат
Какой вариант остаётся резким при фактическом размере?
Итоговая проверка
Проверьте страницу без изображений и на малом экране. Подпись должна быть понятна, а важная информация не должна зависеть только от цвета.
Объём изображений
Файлы WebP сайта; оценочный сценарий, не измерение трафика или скорости. Кэш, плотность экрана и другие ресурсы меняют фактический результат.
Оценка объёма : 100,5 KiB
База 960 px : 283,1 KiB
Разница объёма : 182,6 KiB
| Ширина файла | Оценка объёма |
|---|---|
| 480 px | 100,5 KiB |
| 768 px | 203,6 KiB |
| 960 px | 283,1 KiB |
- Редакторский стол с фотоотпечатками разных форматов, лупой и линейкой. Иллюстративная сцена.
- Стол измерений с карточками, лупой, секундомером и призмой. Иллюстративная сцена.
- Земля, снятая экипажем Apollo 17 7 декабря 1972 года. NASA, AS17-148-22727.
Документальные источники
Дата обращения .
Подлинную фотографию можно использовать вне её временного контекста
Снимок Земли Apollo 17 — конкретный пример: идентификация фотографии не датирует сопровождающий рассказ. Дата страницы, повторно публикующей снимок, и дата съёмки — разные сведения.
- Дата съёмки
- Идентификатор документа
- AS17-148-22727
Проверьте перед цитированием
- Найдите AS17-148-22727 в карточке и сравните снимок с подписью.
- Разделяйте даты съёмки, публикации и просмотра. Новая публикация не делает снимок новым.
- Для слоя Worldview также сохраните сенсор, дату и обработку: исторический снимок не является скриншотом Worldview.
Реальный документальный пример, просмотрен 2026-10-14. Масштабированная версия WebP без кадрирования и обработки ИИ.
Дата страницы — не дата фотографии
Earthrise позволяет сопоставить три документированные даты. Фотография реальная; две официальные карточки дают контекст.
- Дата съёмки
- Публикация карточки NASA Science
- Повторная публикация
Публикация в 2024 году не делает снимок фотографией 2024 года. Сохраняйте дату съёмки и ссылку на каждую просмотренную страницу.
Что устанавливает дата просмотра?
Она датирует ваш доступ к источнику. Она не заменяет съёмку или публикацию и не доказывает неизменность страницы в прошлом.
Источники просмотрены . Версия WebP уменьшена из файла NASA без кадрирования и обработки ИИ.
02 / Сохраняемые доказательства
Сохраняемые доказательства
Реестр
Страница, файл, роль, ответственный редактор и дата проверки.
Документы о правах
Источник, лицензия или разрешение, ограничения и изменения.
Проверка смысла
Альтернативный текст, подпись, контекст и причина выбранной роли.
Техническая проверка
HTML, размеры, форматы, вес и мобильный результат.
КОНТРОЛЬНАЯ ТОЧКА
Прежде чем делать вывод
Типичная ошибка трактовки и проверка, которая помогает её избежать.
Поспешный вывод
Чёткое и сжатое изображение может вводить в заблуждение из-за неверной подписи, подмены доказательства декором или несоответствия языковой версии.
Решающая проверка
Проверить роль, происхождение, права, дату, подпись и альтернативный текст в каждом контексте. Оценить кадрирование и читаемость в фактических размерах.
ПОСЛЕ ПРОВЕРКИ
Решение по результату
Изображение полезно, но разрешение отсутствует
Снимите его с публикации до подтверждения прав, затем запишите лицензию, ограничения и изменения.
Изображение несёт сведения, которых нет в тексте
Добавьте контекстную альтернативу или соседний текст и проверьте понимание без изображения.
Решение и возможность пересмотра
Решение и возможность пересмотра
Что позволяет решить проверка и какие сведения сохранять для пересмотра.
Достаточные данные
Проверьте файл, размеры, кадрирование, alt, права и согласованность страницы, социального предпросмотра и разметки. Наличие файла не делает изображение полезным.
Следующее решение
Замените вводящие в заблуждение или тяжёлые изображения и сохраните происхождение. Проверьте разные экраны и публичные метаданные.
OSINT / Официальные источники
Когда изображение готовят к публикации
Отделите происхождение файла, изображённые обозначения и права на воспроизведение.
Gallica · BnF
Зачем начинать здесьПроверьте издание и условия повторного использования цифрового документа.
ОграничениеЦифровая копия не подтверждает все утверждения документа. Проверяйте происхождение, ошибки OCR и условия использования ресурса; лицензия фотографии BnF не распространяется на документы.
Открыть карточкуDATA INPI
Зачем начинать здесьУточните, соответствует ли видимый знак французской товарной марке.
ОграничениеУчитывайте статус, дату и территорию действия каждой записи или заявки.
Открыть карточкуEUIPO · DesignView
Зачем начинать здесьИзучите зарегистрированные образцы, не предполагая разрешения на использование.
ОграничениеПоиск по изображению не гарантирует полноты прав и свободы использования; проверьте статус и территорию.
Открыть карточкуПодробные случаи проверки
Типовые ситуации для подготовки проверки. Они не описывают выполненные проекты или реальные наблюдения.
Условия использования больше не подтверждены документами
Что изучить
Найдите исходный материал, указанного автора, сопроводительные условия и дату обращения. Проверьте применимость доступных условий к этой версии и предполагаемому использованию.
Решение и действие
Замените материал или приостановите размещение, если необходимое разрешение остаётся неясным. Храните документальное основание: доступность в интернете сама по себе не является разрешением.
Что сохранить
Сохраните исходный URL, прочитанные условия, версию, дату и выполненные требования к оформлению, включая указание автора, если оно предусмотрено.
Кадрирование удаляет важный контекст
Что изучить
Сравните оригинал с размерами для телефона и компьютера. Проверьте исчезнувшие подписи, шкалы, людей или области и соответствие альтернативного текста видимой части.
Решение и действие
Измените кадрирование или представление, если потеря меняет информацию. Описывайте функцию изображения без обещания элементов, отсутствующих в варианте.
Что сохранить
Сохраните варианты, размеры, точки изменения макета и обоснование кадрирования и альтернативного текста.
Вариант передаёт слишком много байтов
Что изучить
Сравнить показанную ширину, currentSrc и передачу на телефоне и компьютере.
Решение и действие
Исправить sizes и варианты, сохраняя читаемость объекта.
Что сохранить
Ширина, выбранный файл, байты и проверка кадрирования.
Проверка перед решением
Эти вопросы дополняют метод. Они помогают установить подтверждённое, сохранив оговорки в записи.
Происхождение и роль
Зафиксированы ли происхождение, известные права и изменения? Различают ли подпись и альтернатива документальное фото, логотип, схему и иллюстрацию атмосферы?
Посмотреть разбор решения
Вымышленный пример: статус относится только к указанному критерию и охвату.
- Вымышленное наблюдение
- Изображение в папке помечено «свободно»; автор, точная лицензия и исходная страница не указаны.
- Заявленное состояние
- Не проверено
- Решение и следующая проверка
- Не подтверждать права по одной пометке. Найти источник и условия или выбрать документированный ресурс.
Отображаемый файл
Сохраняет ли выбранный файл размеры, чёткость и смысл кадра на малом экране? Проверьте отложенную загрузку и отсутствующие ресурсы без искусственного увеличения плохого оригинала.
Посмотреть разбор решения
Вымышленный пример: статус относится только к указанному критерию и охвату.
- Вымышленное наблюдение
- На мобильном обрезка убирает легенду, отличающую фактическую кривую от прогноза.
- Заявленное состояние
- Наблюдаемое расхождение
- Решение и следующая проверка
- Исправить обрезку или добавить видимую текстовую легенду. Проверить выбранный файл, не только оригинал.
Данные за графиком
Есть ли текстовое представление полезной информации графика? Общее слово «график» не передаёт значения или тенденцию.
Изученная документация : W3C WAI · Images Tutorial ·
Посмотреть разбор решения
Вымышленный пример: статус относится только к указанному критерию и охвату.
- Вымышленное наблюдение
- В проверенном перечне нет графиков и схем с данными, только атмосферные фотографии.
- Заявленное состояние
- Обоснованно вне охвата
- Решение и следующая проверка
- Обосновать исключение графиков. Альтернативы фотографий ещё проверяются; возобновить при добавлении графика.
ИНСТРУМЕНТЫ / РЕЕСТРЫ
Какие сведения сохранить
Определите роль изображения: доказательство, иллюстрация или декор. Свяжите доказательство с источником; обозначьте иллюстрированную сцену, не приписывая ей реальное место.
- Дата просмотра и часовой пояс
- Точный URL
- Размер файла / изображения
- Альтернативный текст / роль
- Лицензия / права использования
- Проверяемое утверждение
- Решение / следующий шаг
- Ответственный за проверку
- Следующая проверка
03 / FAQ
Частые вопросы
Всем изображениям нужен описательный alt?
Нет. Чистая декорация может иметь пустой alt; информативному изображению нужна контекстная альтернатива.
Достаточно ли фона CSS для поиска?
Важное изображение размещайте через img с src и соседним текстом; Google не индексирует фон CSS как HTML-изображение.
Когда нужна подпись?
Когда она сообщает источник, факт, дату или контекст, не видимый на изображении.
Что при неясных правах?
Приостановить публикацию, найти разрешение или заменить файл.
04 / Официальные источники
Официальные источники
Описать задачу
ДОКУМЕНТИРОВАННЫЕ ОРИЕНТИРЫ
Resource Timing: три размера и разные причины нулей
Размер закодированного тела, декодированного тела и показатель передачи описывают разные объекты. Правила взяты из Candidate Recommendation Draft W3C от 1 сентября 2026 года; стандартизация продолжается.
Закодированное тело → HTTP-декодирование → декодированное тело; память пикселей не показана.
| Ориентир | Значение или форма | Что обозначает |
|---|---|---|
| encodedBodySize | закодированное тело | encodedBodySize описывает тело до снятия кодирования содержимого, например HTTP-сжатия. Это не размер исходного неопубликованного файла и не все обмены страницы. |
| decodedBodySize | декодированное тело | decodedBodySize описывает тело после декодирования содержимого HTTP. Для изображения это не память декодированных пикселей. HTTP-декомпрессия и декодирование JPEG — разные операции. |
| transferSize | encodedBodySize + 300 | В проекте transferSize прибавляет константу 300 к закодированному телу вне случаев кэша. Это скрывает фактический размер заголовков: показатель не является точным числом сетевых байтов. |
| CACHE | локальный: 0 · проверенный: 300 | Правило различает локальный кэш со значением ноль и проверенный кэш со значением 300. Проверка может требовать сетевого обмена без возврата всего тела. Размер тела и обмена различаются. |
| VISIBILITY | TAO ≠ CORS | Ограничения видимости также обнуляют поля. Timing-Allow-Origin открывает данные времени; CORS регулирует другой механизм доступа. Ноль сам по себе не доказывает кэширование или пустой файл. |
| SERVICE WORKER | клиент ↔ worker | При service worker время может описывать путь клиент–worker. Оно не раскрывает автоматически внутренний сетевой запрос worker. Учитывайте посредника перед сравнением. |
Что учитывать в досье
Это правила датированного проекта, а не одинаковая поддержка всеми браузерами. Запишите браузер и версию; проверьте заголовки и кэш до выводов.
Равен ли decodedBodySize памяти изображения?
Нет. Поле относится к декодированию содержимого HTTP. Формат изображения, размеры и преобразование в пиксели относятся к другим этапам.
Первичная документация
Документация просмотрена .
ДОКУМЕНТИРОВАННЫЕ ОРИЕНТИРЫ
Кадрирование CSS: что скрывает cover и оставляет пустым contain
Одна и та же рамка может показывать разные части изображения в зависимости от подгонки. Оба режима сохраняют пропорции, но решают противоположные задачи. Инструмент вычисляет центрированную геометрическую модель по уже ориентированным размерам.
| Ориентир | Значение или форма | Что обозначает |
|---|---|---|
| contain | min(Cw / W, Ch / H) | contain выбирает меньший масштаб. Всё изображение помещается в рамку, но могут оставаться свободные полосы. |
| cover | max(Cw / W, Ch / H) | cover выбирает больший масштаб. Рамка заполняется, а выходящие части изображения скрываются. |
| rendered | W × s ; H × s | Размеры отображения равны исходным размерам, умноженным на масштаб. Они не обязательно совпадают с видимой рамкой. |
| object-position | 50% 50% | При object-position: 50% 50% избыток распределяется поровну по сторонам оси. Показана обрезка слева/справа и сверху/снизу в единицах исходного изображения. |
| fill ≠ cover | aspect ratio | fill может изменить пропорции и отличается от cover. none и scale-down имеют другие правила и здесь не моделируются. |
Центрированное кадрирование
Четыре целых от 1 до 20 000. Изображение уже ориентировано; object-position: 50% 50%.
Центрированный расчёт; результаты округлены до четырёх знаков.
- Масштаб · пиксели CSS / исходные пиксели
- 0.3333
- Размер отображения · пиксели CSS
- 400.0000 × 266.6667
- Обрезка слева и справа · исходные пиксели с каждой стороны
- 0.0000
- Обрезка сверху и снизу · исходные пиксели с каждой стороны
- 100.0000
- Свободная полоса слева и справа · пиксели CSS с каждой стороны
- 0.0000
- Свободная полоса сверху и снизу · пиксели CSS с каждой стороны
- 0.0000
Что учитывать в досье
Размеры изображения соответствуют квадратным исходным пикселям модели, рамка измеряется в пикселях CSS. Схема не является фотографией или измерением файла. Расчёт не учитывает растровое округление, рамки и CSS-преобразования. Смещённый объект может быть обрезан даже при верной геометрии: проверяйте важные детали и подписи в разных форматах.
Первичная документация
Документация просмотрена .
Дополнительные проверки
- Реальное спутниковое изображение с двумя датами
- Цифровое наследие: статус прав — не лицензия
- EXIF: собирать время из правильных компонентов
- C2PA: проверить происхождение без удостоверения сцены
- Читать пороги Core Web Vitals без необоснованного вердикта
- Контраст текста: сравнить отношение до округления
- Ориентация Exif: восемь расположений, а не четыре поворота
ПОДРОБНЕЕ / ПРАКТИКА
Проверьте роль и последовательность изображений
Изображение иллюстрирует тему, но может свидетельствовать о месте, человеке или событии, которое страница не документирует. Аудит рассматривает редакционную функцию, контекст и связанную с ней информацию.
Обновлено .
Приоритетные проверки
Объясните источник, легенду, альтернативный текст, измерения и вариации. Проверьте, что изображение соответствует его роли: иллюстрация, документ, портрет или чисто декоративный элемент.
Ошибки интерпретации
Визуально релевантное изображение не является доказательством этого слова. Легенда или слишком точный альтернативный текст может вводить присвоение, которое файл не позволяет установить.
Рабочий документ для сохранения
Инвентарь изображений объединяет страницу, файл, роль, происхождение и контроль. Коррекции могут касаться контекста, легенды, веса или самого выбора иллюстрации.
ПРАКТИЧЕСКАЯ СИТУАЦИЯ / УЧЕБНЫЙ ПРИМЕР
Илюстрация похожа на полевой документ.
Примером является педагогическая ситуация веб-контроля. Он связывает дефект с конкретным путем и описывает способ проверки коррекции, а не рассматривает только публикацию изменения как доказательство разрешения.
Контекст примера
Снимка сопровождается текстом поиска и может быть воспринимана как фотография описанного случая. Сайт не уточняет его происхождение и роль.
Предлагаемый подход
Обзор литературы, контекста и альтернативного текста. Отличить иллюстрацию и документальную часть. Адаптировать презентацию или выбрать другую визуальность, если недвусмысленность сохраняется, несмотря на объяснение.
Вывод и следующий шаг
Роль изображения становится четкой. Доказательные элементы остаются отдельными от визуальных, предназначенных для поддержания понимания или установки редакторского контекста.
Вопросы для углублённой практики
Может ли альтернативный текст заменить легенду происхождения?
Он описывает информацию, полезную для понимания изображения. Происхождение и редакционная роль могут потребовать отдельного видимого упоминания, в частности, когда присвоение влияет на чтение документа.
ПОДРОБНЫЙ ПРАКТИКУМ / ПРИМЕНЕНИЕ
Рассмотрим, что визуализация дает понять
01 / Подготовить необходимые сведения
Сбор изображения, легенды, альтернативного текста и контекста страницы. Определите ожидаемую роль: документ, иллюстрация, портрет или декоративный элемент.
02 / Выполнить проверку по методике
Прочитайте страницу с и без изображения. Идентификация мест, людей или событий, которые изображение может предложить. Проверьте происхождение, атрибуты и контекстные элементы, необходимые для этого чтения.
03 / Рассмотреть альтернативную ситуацию
Если изображение является иллюстративным, но кажется документальным, адаптируйте презентацию или визуальную. Легенда должна просветить свою роль, не давая ей доказательств того, что она не дает.
04 / Определить дальнейшие действия
Использование является последовательным, когда читатель может понять функцию зрительного. Контроль веса и размеров дополняет это чтение без замены редакторского контроля.
05 / Передать материалы проверки
Передача файлов, методов и решений. Страницы, повторно использующие изображение, пересматриваются, если коррекция касается его происхождения, легенды или интерпретации.
РАБОЧИЙ ДОКУМЕНТ / ТАБЛИЦА ПРОВЕРКИ
Использование визуального редактора
Файл хранит файл, происхождение, роль, легенду и альтернативный текст. Она исследует то, что изображение позволяет понять, и разделяет документ доказательства, иллюстрации и декорации.
На небольшом экране прокрутите таблицу по горизонтали, чтобы прочитать все три столбца.
| Наблюдение | Обоснованная интерпретация | Следующий шаг |
|---|---|---|
| Илюстративная роль на странице очевидна. | Видео поддерживает понимание, не представляя его как документальную часть. | Проверьте варианты и информацию, связанную с другими его использованиями. |
| Легенда присваивает недокументированное место. | В презентации добавляется утверждение, что файл не позволяет установить. | Пересмотреть легенду или выбрать изображение, приспособленное к контексту. |
| Рекадраж удаляет элемент, который меняет смысл. | Могут быть и другие варианты, которые отличаются от оригинала. | Сравнивать применение и восстановить необходимый контекст. |
Проверка рабочего документа
Окончательная проверка сравнивает то, что утверждает текст, и то, что визуально предполагает. Размеры и вес полезны для технического контроля, но не демонстрируют документальную актуальность изображения.
ВЫВОД / ПРИМЕР ФОРМУЛИРОВКИ
Презентация результатов: проверка роли и последовательности изображений
Что необходимо уточнить
Роль зрительного изображения должна пониматься без дополнительных доказательств.
Перед передачей
Собирайте текст, изображение и информацию, сопровождающую его использование.
Пример обоснованного вывода
Снимка выполняет задачу, указанную в контексте страницы. Легенда и альтернативный текст не добавляют присвоения, которые превышают ее документированное происхождение.