Cómo obtener una versión Base64 de un archivo desde la línea de comandos

Cómo obtener una versión Base64 de un archivo desde la línea de comandos

Hace un tiempo escribí un artículo sobre cómo convertir una imagen a un URI de datos con JavaScript. Este es un buen truco que los desarrolladores pueden usar por varias razones. Sin embargo, en lugar de abusar del lienzo, ¿por qué no simplemente obtener los datos base64 de la línea de comandos?

Puedes usar base64 Y pbcopy para convertir un archivo a base64 y copiarlo en el portapapeles:

# base64 gets data, pbcopy copies to clipboard
base64 -i logo.jpeg | pbcopy

Una vez que haya copiado los datos del archivo en formato base64, el formato de URL para usar los datos es:

# data:{mime-type};base64,{data}
data:image/jpeg;base64,/9j/4AAQSkZJRgAB......

Aunque los datos base64 y los URI de datos parecen estar encriptados, son útiles para evitar realizar solicitudes a otros archivos. Los uso cuando creo presentaciones o cuando no puedo contar con una conexión a Internet decente.

Supervisión del rendimiento del sitio web
Supervisión del rendimiento del sitio web
Supervisión del rendimiento del sitio web
Supervisión del rendimiento del sitio web
  • Vencer el síndrome del impostor

    Vencer el síndrome del impostor

    Hace dos años documenté mis luchas con el síndrome del impostor y la respuesta ha sido abrumadora. He recibido mensajes de apoyo y conmiseración de nuevos desarrolladores web, ingenieros experimentados e incluso personas de todos los niveles de experiencia en otras profesiones. Incluso me sorprendí leyendo el post...

  • 39 Camisas – Dejando Mozilla

    39 Camisas – Dejando Mozilla

    En 2001, acababa de graduarme de una escuela secundaria de un pueblo pequeño y me dirigía a una universidad de un pueblo pequeño. Me encontré en el pintoresco laboratorio de computación donde las computadoras inferiores tenían dos navegadores: Internet Explorer y Mozilla. Fue en este laboratorio donde me caí...

  • Información sobre herramientas de CSS

    Información sobre herramientas de CSS

    Todos sabemos que puedes crear formas con CSS y un solo elemento HTML, como expliqué en mis artículos sobre triángulos CSS y círculos CSS. Sin embargo, los triángulos y los círculos son bastante simples, por lo que, a medida que avanza el CSS, debemos superar los límites...

  • Menús contextuales de HTML5

    Menús contextuales de HTML5

    Una de las joyas ocultas de la especificación HTML5 son los menús contextuales. La especificación de menú contextual de HTML5 permite a los desarrolladores crear menús contextuales personalizados para bloques determinados en menús simples y elementos de elementos de menú. La información del menú está directamente en la página, así que...

Si quieres conocer otros artículos parecidos a Cómo obtener una versión Base64 de un archivo desde la línea de comandos puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas