2 herramientas gratuitas para preparar imágenes para la web [Mac]

Una forma de condimentar sus palabras es mediante la adición de imágenes relacionadas al texto. Cuantas más y mejores imágenes utilices, más detalladas serán tus historias. Pero en términos de páginas web y blogs, más imágenes también equivalen a tamaños de página más grandes y tiempos de carga más largos, algo que todos los propietarios de web deben evitar. Si eliminar las imágenes no es una opción, lo único que queda por hacer es optimizarlas para la web..

Desafortunadamente, la optimización de las imágenes para el uso de la web no siempre es un paseo por el parque, especialmente si tiene que lidiar con muchas de ellas con regularidad. Si es usuario de Mac, existen varias herramientas gratuitas que pueden ayudarlo a minimizar los problemas de preparación de imágenes web..

Adquiriendo las imagenes

No iré demasiado lejos aquí ya que el tema ya ha sido discutido varias veces. Hay muchas maneras de adquirir imágenes para la web, desde tomar sus propias fotos con una cámara digital. Guía para principiantes hacia la fotografía digital Guía para principiantes hacia la fotografía digital La fotografía digital es un gran pasatiempo, pero también puede ser intimidante. ¡Esta guía para principiantes le dirá todo lo que necesita saber para comenzar! Lea más, usando imágenes con licencia de Creative Commons, para capturar imágenes en su escritorio.

Hablando de la captura de pantalla, hay varias herramientas gratuitas de Mac 5 Herramientas alternativas de captura de pantalla para su Mac 5 Herramientas alternativas de captura de pantalla para su Mac Lea más que puede usar para este propósito. Personalmente uso Jing Cómo tomar una imagen de captura de pantalla mejor con Jing (Mac) Cómo tomar una imagen de captura de pantalla mejor con Jing (Mac) Leer más o Skitch.

Redimensionar y Renombrar Usando ResizeMe

La mayoría de las veces, no obtendrá el tamaño de las imágenes correctamente la primera vez, ya sea el tamaño de la imagen (píxeles) o el tamaño del archivo (bytes).

La limitación para el tamaño de la imagen generalmente proviene del punto de vista del diseño. No debe colocar una imagen de 600 píxeles de ancho en una columna de blog de 500 píxeles de ancho. Saldrá de la frontera y hará la apariencia fea..

Para resolver el problema de píxeles, puede recortar o cambiar el tamaño de las imágenes de gran tamaño. Encontré una gran herramienta llamada ResizeMe que puede ayudarlo a realizar esas tareas, y muchas más, a granel.

Usar ResizeMe es tan fácil como arrastrar y soltar las imágenes que desea modificar en la lista de archivos.

Elija las acciones que desea aplicar a esas imágenes. En la imagen de abajo, configuro la acción para reducir cualquier imagen de más de 580 píxeles sin modificar la altura. También configuro la acción para no modificar ninguna imagen con un ancho menor que el ancho máximo.

La aplicación también permite a los usuarios recortar imágenes a su tamaño deseado. Recortar imágenes muy grandes en varias imágenes más pequeñas es más favorable que cambiar el tamaño, ya que la mayoría de las veces el cambio de tamaño degradará la calidad de la imagen y hará que la imagen no sea clara..

Si usa varias imágenes para cada artículo de blog que escribe, sería mejor si organiza el conjunto agregando palabras clave similares a sus nombres. Por ejemplo, las imágenes de un artículo sobre herramientas de captura de pantalla podrían cambiarse de nombre a “scrnsht - image1“, “scrnsht - image2“, y así.

Puede usar la ayuda de Automator para cambiar el nombre de las imágenes Cómo usar Automator para cambiar el nombre de las imágenes en Mac Cómo usar Automator para cambiar el nombre de las imágenes en Mac Lea más en su Mac, o para un sistema de cambio de nombre más flexible, puede probar una utilidad como NameChanger Lote Renombrar sus archivos fácilmente - Estilo Mac (solo Mac) Lote Renombrar sus archivos fácilmente - Estilo Mac (solo Mac) Leer más. Si no desea utilizar otras aplicaciones, ResizeMe también viene con una capacidad de cambio de nombre de archivo. Simplemente elija una función de la lista, verifique “Rebautizar” y escriba las instancias a las que desea renombrar.

Otro cambio de tamaño utilizando ImageOptim

Otro factor de tamaño con el que tenemos que lidiar es el tamaño del archivo. Necesitamos tamaños de imagen más pequeños mientras mantenemos la calidad de la imagen. La mayoría de los manipuladores de imágenes gigantes vienen con la capacidad de hacer que las imágenes estén listas para la web. Pero si todo lo que necesita es comprimir el tamaño, puede usar ImageOptim.

Similar a ResizeMe, usar ImageOptim también es simple de arrastrar y soltar. Todas las imágenes que coloques en la aplicación se optimizarán automáticamente al tamaño más pequeño posible sin sacrificar la calidad. Hace la magia encontrando los mejores parámetros de compresión y eliminando comentarios innecesarios y perfiles de color.

La columna de porcentaje le dirá cuánto puede eliminar la aplicación de las imágenes. El perfeccionista puede usar el “Otra vez” botón para ayudarles a exprimir un poco más del tamaño de la imagen. Puede presionar el botón varias veces hasta que la columna de porcentaje muestre 0%.

Al comparar los resultados, podemos ver que ImageOptim hace bien su trabajo. A veces puede eliminar más del 50% del peso de la imagen..

Esto es antes de usar ImageOptim.

Y esto es despues.

Aunque la cifra equivale a solo una pérdida de tamaño de imagen de unos pocos kilobytes, cuando se agrega todo, esos pequeños kilobytes podrían significar algo para el tamaño total del sitio y el ancho de banda.

Lo que me gusta de esta aplicación es que viene con un flujo de trabajo. Si abre el flujo de trabajo con Automator y lo guarda, se transformará en un servicio de Mac. Como puede asignar accesos directos a servicios Cómo ser más productivo en Mac con la Ayuda de Servicios Cómo ser más productivo en Mac con La Ayuda de Servicios Leer más, puede usar la aplicación más rápido simplemente seleccionando imágenes para optimizar y golpear el atajo combinación.

Desde mi propia experiencia personal, puedo decir que la combinación de ResizeMe e ImageOptim me ha ayudado a ahorrar gran parte de mi tiempo en la preparación de imágenes para el uso web. Pero no tome mi palabra, pruébelo usted mismo y comparta lo que piensa en los comentarios a continuación. Y si tienes tus propios favoritos, no dudes en compartirlos también..

Explorar más sobre: ​​blogs, editor de imágenes, herramientas para webmasters.