BraveCLКак создать HTML-код изображений на Mac
Создайте HTML-теги для нескольких изображений со встроенными данными Base64 и описательным альтернативным текстом.
- Результат
- Готовый набор HTML с тремя тегами изображений, встроенными URI данных и описательным альтернативным текстом, доступный целиком для копирования или выдачи.
- Что понадобится
- Image Base64 Encoder установлен на Mac
- Встроенные примеры изображений или ваши файлы PNG или JPEG
Image Base64 Encoder объединяет несколько изображений в самодостаточные фрагменты HTML. Начните со встроенных примеров, чтобы понять, как работает набор изображений и их описания.
1.Загрузите примеры изображений
Выберите Try Samples (попробовать примеры), чтобы загрузить входящие в приложение примеры PNG и JPEG. В списке Sources (источники) появятся Checkout-Badge.png, Developer-Workspace.jpg и Circuit-Board.jpg. В режиме Image (изображение) отображается предпросмотр закодированного URI данных выбранного файла.
Image Base64 Encoder на Mac с тремя загруженными примерами PNG и JPEG и предпросмотром закодированного Data URI 2.Соберите набор HTML для изображений
Выберите Set (набор) над предпросмотром и оставьте HTML выбранным в настройках формата вывода. Выберите каждую запись в Sources (источники) и введите содержательный альтернативный текст в Description (описание). Оставьте Decorative image (декоративное изображение) выключенным, чтобы каждое описание стало атрибутом alt. Убедитесь, что Set Readiness (готовность набора) сообщает о готовности, затем проверьте три отдельных фрагмента HTML и общий предпросмотр snippets.html. Предпросмотр может быть сокращён, но Copy (копировать) и Deliver (выдать) используют полный результат.
Image Base64 Encoder с готовым набором HTML для изображений, тремя отдельными фрагментами и описательным альтернативным текстом в HTML-тегах изображений
Советы
На вкладках Image и Set можно сравнить URI данных отдельного изображения с общим результатом HTML.
Каждое описание становится альтернативным текстом соответствующего изображения, если Decorative image выключено.
При длинном содержимом Base64 предпросмотр может сокращаться; Copy и Deliver используют полный результат.
ВниманиеВстроенные данные изображений Base64 могут значительно увеличить размер HTML. Проверьте показанный размер копируемых данных перед отправкой или встраиванием результата.
