BraveCLCómo crear código HTML de imágenes en Mac
Genera etiquetas HTML de imagen con datos Base64 incrustados y texto alternativo descriptivo para varias imágenes.
- El resultado
- Un conjunto HTML listo con tres etiquetas de imagen, URI de datos incrustados y texto alternativo descriptivo, disponible como resultado completo para copiar o entregar.
- Qué necesitas
- Image Base64 Encoder instalado en Mac
- Las imágenes de ejemplo integradas o tus propios archivos PNG o JPEG
Image Base64 Encoder reúne varias imágenes en fragmentos HTML autónomos. Empieza con los ejemplos integrados para ver cómo funcionan un conjunto de imágenes y sus descripciones.
1.Carga las imágenes de ejemplo
Elige Try Samples (probar ejemplos) para cargar los ejemplos PNG y JPEG incluidos. La lista Sources (fuentes) muestra Checkout-Badge.png, Developer-Workspace.jpg y Circuit-Board.jpg. La vista Image (imagen) muestra un URI de datos codificado del archivo seleccionado.
Image Base64 Encoder en Mac con tres ejemplos PNG y JPEG cargados y la vista previa de un Data URI codificado 2.Crea el conjunto HTML de imágenes
Elige Set (conjunto) encima de la vista previa y deja HTML seleccionado como formato de salida. Selecciona cada entrada de Sources (fuentes) e introduce texto alternativo significativo en Description (descripción). Deja Decorative image (imagen decorativa) desactivado para que cada descripción sea un atributo alt. Comprueba que Set Readiness (estado del conjunto) indique que está listo y revisa los tres fragmentos HTML individuales y la vista previa conjunta de snippets.html. La vista previa puede estar recortada, pero Copy (copiar) y Deliver (entregar) usan el resultado completo.
Image Base64 Encoder con el conjunto HTML de imágenes listo, tres fragmentos individuales y texto alternativo descriptivo en las etiquetas HTML de imagen
Consejos
Usa las pestañas Image y Set para comparar el URI de datos de una imagen con la salida HTML conjunta.
Cada descripción se convierte en el texto alternativo de su imagen cuando Decorative image está desactivado.
La vista previa puede recortarse si el contenido Base64 es largo; Copy y Deliver usan el resultado completo.
AtenciónLos datos de imagen Base64 incrustados pueden aumentar mucho el tamaño del HTML. Comprueba el tamaño de copia indicado antes de compartir o incrustar el resultado.
