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

Anuncio

Una forma de darle vida a tus palabras es agregar imágenes relacionadas al texto. Cuantas más y mejores imágenes uses, más picantes 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 todo propietario de la web debería evitar. Si eliminar las imágenes no es una opción, lo único que queda por hacer es optimizarlas para la web.

Desafortunadamente, optimizar imágenes para uso web no siempre es un paseo por el parque, especialmente si tiene que lidiar con muchas de ellas regularmente. Si eres un usuario de Mac, existen varias herramientas gratuitas que pueden ayudarte a minimizar el problema de preparar imágenes web.

Adquiriendo Las Imágenes

No iré demasiado lejos aquí ya que el tema ya se ha discutido varias veces. Hay muchas maneras de adquirir imágenes para la web, desde tomar sus propias imágenes usando un cámara digital Una guía para principiantes a 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! Lee mas , usando Creative Commons con licencia imágenes, a la captura de pantalla de imágenes en su escritorio.

Hablando de captura de pantalla, hay varias herramientas gratuitas para Mac 5 herramientas alternativas de captura de pantalla para tu Mac Lee mas que puedes usar para este propósito. Yo personalmente uso cualquiera Jing Cómo tomar una mejor imagen de captura de pantalla con Jing (Mac) Lee mas o Skitch

Cambiar el tamaño y cambiar el nombre con ResizeMe

La mayoría de las veces, no obtendrá el tamaño correcto de las imágenes 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á que la apariencia sea 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 eso puede ayudarlo a realizar esas tareas, y mucho más, a granel.

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

Elija las acciones que desea aplicar a esas imágenes. En la imagen a continuación, configuré la acción para reducir cualquier imagen más ancha que 580 píxeles sin modificar la altura. También configuré 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 más pequeñas es favorable que cambiar el tamaño, porque 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í.

Podrías usar la ayuda de Automator para cambiar el nombre de las imágenes por lotes Cómo usar Automator para cambiar el nombre de las imágenes por lotes en Mac Lee mas en su Mac, o para un sistema de cambio de nombre más flexible, puede probar una utilidad como NameChanger Cambie el nombre de sus archivos fácilmente - Estilo Mac (solo Mac) Lee mas . 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, marque la casilla "Rebautizar"Y escriba las instancias que desea cambiar de nombre.

Otro cambio de tamaño con 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 tienen la capacidad de preparar imágenes 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 coloque en la aplicación se optimizarán automáticamente al tamaño más pequeño posible sin sacrificar la calidad. Hace la magia al encontrar los mejores parámetros de compresión y al eliminar comentarios innecesarios y perfiles de color.

La columna de porcentaje le indicará cuánta hinchazón puede eliminar la aplicación de las imágenes. El perfeccionista puede usar el "De nuevo"Para ayudarlos a exprimir un porcentaje 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 después.

Aunque la cifra equivale a solo unos pocos kilobytes de pérdida de tamaño de imagen cada uno, cuando suma todo, esos pequeños kilobytes podrían significar algo para el tamaño general 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 Mac. Ya que puedes asignar accesos directos a servicios Cómo ser más productivo en Mac con la ayuda de los servicios Lee mas , puede usar la aplicación más rápido simplemente seleccionando imágenes para optimizar y presionar la combinación de atajos.

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 uso web. Pero no confíe en mi palabra, pruébelos usted mismo y comparta lo que piensa en los comentarios a continuación. Y si tiene sus propios favoritos, no dude en compartirlos también.