BraveCLComo criar código HTML de imagens no Mac
Gere tags HTML de imagem com dados Base64 incorporados e textos alternativos descritivos para várias imagens.
- O resultado
- Um conjunto HTML pronto com três tags de imagem, URIs de dados incorporados e textos alternativos descritivos, disponível como um resultado completo para copiar ou entregar.
- O que você precisa
- Image Base64 Encoder instalado no Mac
- As imagens de exemplo integradas ou seus próprios arquivos PNG ou JPEG
O Image Base64 Encoder reúne várias imagens em trechos HTML autossuficientes. Comece com os exemplos integrados para entender como funcionam um conjunto de imagens e suas descrições.
1.Carregue as imagens de exemplo
Escolha Try Samples (experimentar exemplos) para carregar os exemplos PNG e JPEG incluídos. A lista Sources (fontes) mostra Checkout-Badge.png, Developer-Workspace.jpg e Circuit-Board.jpg. A visualização Image (imagem) mostra uma prévia da URI de dados codificada do arquivo selecionado.
Image Base64 Encoder no Mac com três exemplos PNG e JPEG carregados e uma prévia de Data URI codificada 2.Monte o conjunto HTML de imagens
Escolha Set (conjunto) acima da prévia e mantenha HTML selecionado nos controles de formato de saída. Selecione cada entrada em Sources (fontes) e insira um texto alternativo significativo em Description (descrição). Mantenha Decorative image (imagem decorativa) desativado para que cada descrição se torne um atributo alt. Confirme que Set Readiness (estado do conjunto) indica que o conjunto está pronto e confira as três contribuições HTML individuais e a prévia combinada de snippets.html. A prévia pode ser truncada, mas Copy (copiar) e Deliver (entregar) usam o resultado completo.
Image Base64 Encoder mostrando o conjunto HTML de imagens pronto, três trechos individuais e textos alternativos descritivos nas tags HTML de imagem
Dicas
Use as abas Image e Set para comparar a URI de dados de uma imagem com a saída HTML combinada.
Cada descrição se torna o texto alternativo da imagem correspondente quando Decorative image está desativado.
A prévia pode ser truncada quando o conteúdo Base64 é longo; Copy e Deliver usam o resultado completo.
AtençãoDados de imagem Base64 incorporados podem aumentar muito o tamanho do HTML. Confira o tamanho de cópia exibido antes de compartilhar ou incorporar a saída.
