Creando convertidor de imágenes con JavaScript

Acabo de crear un conversor de formato de imágenes muy simple usando JavaScript del lado del cliente. Es un conversor muy simple que te permite convertir entre formatos de imágenes como lo son JPG, PNG, AVIF y WEBP. https://parzibyte.me/apps/conversor-imagenes/ Con este conversor puedes convertir de webp a png, webp a avif, webp a jpg y todas las combinaciones posibles entre estos formatos. El conversor es realmente rápido, basta con seleccionar el formato de salida, la calidad y listo, una vez que selecciones la imagen se va a descargar la misma imagen pero con el nuevo formato, así de simple. ...

agosto 3, 2025 · 3 min · 492 palabras · Parzibyte

JavaScript (lado del cliente): leer pixeles de imagen

En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del lado del cliente para conocer los valores RGBA o red, green, blue y alpha (rojo, verde, azul, nivel alfa) sin necesidad de algún servidor. A lo largo de este artículo te voy a enseñar cómo recorrer los pixeles de una imagen con JavaScript del lado del cliente usando OffscreenCanvas y getImageData para leer los pixeles de una imagen desde el client-side. Prueba la demostración ya mismo en el siguiente enlace. Asegúrate de abrir la consola de depuración para que puedas apreciar cómo se imprime el RGBA de cada pixel de la imagen seleccionada: https://parzibyte.github.io/ejemplos-javascript/pixeles-imagen/ El ejemplo que te mostraré va a leer cada pixel de la imagen a partir de un input de tipo file, pero como siempre te digo: la imagen puede venir de cualquier lugar. Leer los pixeles de la imagen con JS sirve para esconder texto en una imagen con Esteganografía, por poner un ejemplo. ...

abril 24, 2024 · 4 min · 835 palabras · Parzibyte

Golang: convertir base64 a imagen

En este post te mostraré cómo convertir una cadena en base64 a una imagen de Go. Específicamente convertiremos un string de la imagen en base64 a un objeto tipo image.Image. Una vez que tengamos la imagen como image.Image entonces podemos escribirla en el disco duro, manipularla o hacer cualquier otra cosa. ...

octubre 6, 2022 · 2 min · 323 palabras · Parzibyte

PHP: obtener imágenes de directorio

En este post de programación en PHP te mostraré cómo escanear el directorio actual (donde se ejecuta el script) para obtener una lista de todas las imágenes existentes, ya sean gif, png o jpg. Obviamente con este ejemplo tú vas a poder obtener la lista de archivos de cualquier extensión o que cumplan con determinado patrón. Para esto vamos a usar la función glob. ...

octubre 26, 2021 · 1 min · 206 palabras · Parzibyte

JavaScript - Descargar canvas como imagen

En mi blog te he mostrado cómo descargar un canvas de HTML y JavaScript como PNG, pero no te mostré cómo hacerlo en otro formato. Por ello es que en este post te mostraré cómo descargar un canvas como imagen ya sea PNG o JPG, respetando el tipo MIME image/jpeg o image/png. ...

julio 25, 2021 · 2 min · 297 palabras · Parzibyte

Imprimir imágenes en impresora térmica usando JavaScript

Al imprimir tickets, recibos y todo tipo de contenido en las impresoras térmicas surge la necesidad de imprimir imágenes. Por ejemplo, a veces es necesario imprimir el logotipo de la empresa o tienda de donde se imprime el ticket, pues le da una presentación agradable. Hoy te enseñaré cómo usar JavaScript para imprimir imágenes en una impresora térmica. Las imágenes pueden ser locales o de una URL como localhost e incluso de internet. ...

febrero 13, 2021 · 4 min · 642 palabras · Parzibyte

Agregar texto a imagen con PHP

En este tutorial sobre imágenes y PHP te mostraré cómo agregar una capa de texto a una imagen, usando cualquier fuente. Es decir, puedes descargar cualquier fuente o tipografía desde Google fonts (o lugares similares) y usarla para colocar texto en una imagen usando PHP. Voy a mostrarte varios ejemplos, entre ellos uno para agregar dos líneas de texto. Por cierto, recuerda que necesitas la librería GD habilitada. Yo he probado esto con Windows y Linux, en ambos lugares funciona de maravilla. ...

octubre 12, 2020 · 5 min · 937 palabras · Parzibyte

PHP - Convertir Base64 a imagen

Resumen: en este post te mostraré a obtener una imagen como archivo a partir de su representación en base 64. Es decir, lo contrario a lo que hicimos en un post anterior. Lo que vamos a hacer es crear un archivo de imagen a partir de una cadena o string en formato base 64. ...

agosto 10, 2019 · 2 min · 293 palabras · Parzibyte

Descargar una imagen PNG, GIF y JPG con Python

Introducción Hoy veremos cómo descargar una imagen de una URL utilizando Python. Dependiendo de dicha url crearemos un archivo en nuestro disco duro. En pocas palabras, descargaremos la imagen. Requisitos Necesitamos instalar requests utilizando pip. Si no lo tienes, aquí dejo un tutorial. Instalar requests Una vez que hayamos instalado Python, ejecutamos el siguiente comando: pip install requests Con ello habremos instalado la dependencia, una vez hecho esto, lo demás será más fácil. ...

marzo 27, 2018 · 2 min · 279 palabras · Parzibyte