es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Comprima y optimice imágenes hasta en un 90% con Compressor.io

En el pasado, cubrimos muchos consejos de optimización de imágenes para diseñadores web. Pero nuevas herramientas surgen todo el tiempo y Compressor es uno de los mejores.

Es una aplicación web gratuita que puede tomar cualquier cantidad de imágenes (menos de 10 MB) y optimizar el tamaño de sus archivos sin pérdida de calidad . Normalmente, al exportar imágenes en Photoshop, verá artefactos si reduce drásticamente la calidad de la exportación.

Pero con Compressor, no encontrarás ningún artefacto, aunque tus imágenes pueden tener tamaños de archivo reducidos en un 20% -50% o más .

En este momento, el proyecto se ejecuta completamente en el navegador, pero puede venir con un programa descargable en el futuro. Es compatible con cuatro formatos de imagen :

  1. JPEG
  2. PNG
  3. GIF
  4. SVG

Tenga en cuenta que todos estos formatos se pueden ejecutar en la web, por lo que es la herramienta perfecta para diseñadores web que desean reducir el tamaño de las solicitudes HTTP . Las imágenes suelen ser los principales cuellos de botella para la optimización del sitio y es ahí donde Compressor puede ayudar.

Para comenzar, solo visite la página "Subir" o haga clic en el botón "Pruébelo" de la página de inicio. Esto lo lleva a una nueva pantalla donde puede elegir entre "con pérdidas" o "sin pérdidas" antes de cargar su archivo.

Estas dos opciones definen si los datos originales de la imagen se pueden recuperar descomprimiendo en una fecha posterior. La compresión sin pérdida reduce el tamaño del archivo mientras mantiene los datos originales intactos y accesibles descomprimiendo los datos más adelante.

Por lo general, las personas usan estos términos cuando hablan sobre MP3 o compresión de audio. Pero se aplica a todas las imágenes de compresión, también.

Si no le importan demasiado los datos adicionales, la compresión Lossy está bien.

Ahora haga clic en el campo "Subir" y seleccione una imagen de su computadora. Todo el procesamiento de datos se realiza en el servidor y una vez que se completa, verá un control deslizante de comparación clara para estudiar el original en comparación con la versión comprimida.

Algunas imágenes pueden no ver diferencias en el tamaño del archivo. Otros pueden ver una disminución del tamaño del archivo del 15% -20%, mientras que otros pueden ver una disminución del 50% o más .

Compressor usa una cantidad de programas gratuitos de código abierto como OptiPNG, JpegOptim y Scour (entre otros). Así que es difícil decir exactamente cómo funciona este proceso, pero puedo decir que funciona bien.

Una vez que finaliza la compresión, puede descargar el nuevo archivo o guardarlo en cuentas en la nube como Dropbox o Google Drive.

Texto truncado dinámico con el complemento Shave.js

Texto truncado dinámico con el complemento Shave.js

La mayoría de los blogs de WordPress usan la función "leer más" para mostrar el texto de la vista previa de una publicación. Este texto se trunca y se corta en un cierto punto para ahorrar espacio y para alentar a los lectores a hacer clic más para seguir leyendo .Pero a veces querrás agregar esta función en una sola página. Introd

(Consejos de tecnología y diseño)

¿Estás seguro de que debes ser un diseñador independiente?

¿Estás seguro de que debes ser un diseñador independiente?

Este artículo es parte de nuestra "Guía de la serie Freelancing", que consiste en guías y consejos para ayudarlo a convertirse en un mejor trabajador autónomo. Haga clic aquí para leer más de esta serie. ¿Estás cansado de la rutina diaria de creatividad comercial, tener que ser creativo al mando de un cliente con una idea específica en mente? Lo sé,

(Consejos de tecnología y diseño)