Cómo reducir el tamaño JPEG y otros archivos de imagen

Las imágenes que usa en su sitio web son uno de los elementos más importantes. No solo desea tener imágenes visuales convincentes, sino que no desea que estas imágenes sean tan grandes como para reducir la velocidad del tiempo de carga para su sitio. Una de las razones principales por las que un sitio permanecerá tarde es que las imágenes incluidas En él no se redimensionaron para un rendimiento óptimo del sitio. En este artículo, exploraremos los métodos manuales para reducir el tamaño de la imagen en Photoshop, incluido el cambio del tipo de archivo, el cambio de tamaño y la compresión de los archivos utilizando la función de rescate web. Si aquellos que buscan algo más automatizado, también veremos algunos complementos y opciones basadas en la web.
Suscríbase a nuestro canal de YouTube cambiando el tipo de archivo “tamaño de archivo” para un archivo de imagen se refiere al número de píxeles por pulgada. En general, cuantos más píxeles en la pulgada, más información tendrán el archivo, mayor es su tamaño. Los dos tipos más comunes de archivos de imágenes son JPG y PNG.
PNG – Gráficos de red portátiles: este tipo de archivo se usa principalmente para archivos gráficos como logotipos, iconos, ilustraciones y texto. Cuando se edita en una aplicación de edición de fotos como Photoshop, estos archivos no pierden muchos datos cuando los maneja o comprime. Estos se llaman “sin pérdida” por esta razón. Estos archivos tienden a tener dimensiones más grandes por este motivo.
JPEG – Grupo conjunto de expertos fotográficos: este es el tipo de archivo más común que encontrará para la mayoría de las imágenes en Internet. Este tipo de archivo puede administrar millones de colores, puede estar muy comprimido, al tiempo que mantiene la calidad. Estos se denominan “pérdidas”, porque su proceso de compresión elimina los píxeles de la imagen. Cualquier tipo de archivo puede funcionar. Realmente elige depender de su sitio, el número y el tipo de fotos que elija usar.
Aquí hay un ejemplo de fotografía. Su formato original era como un archivo JPG.
Utilicé el archivo de pedido> rescate como en Photoshop y elegí el formato PNG y completé la función de rescate. Cuando cambié el tipo de archivo, el tamaño del archivo pasó de 646 MB a 1.3 kb. Como se mencionó anteriormente, los archivos PNG suelen ser más grandes, por lo que para este tipo de imagen con mucho color y detalles, es mejor quedarse con la versión JPEG para garantizar tiempos de carga más rápidos. Si sabe que su imagen debe ser capaz de esconderse más grande sin perder la resolución, vaya con la versión PNG.

Tenga en cuenta que hay muchos otros formatos de archivo disponibles. Me concentré en JPEG y PNG porque son los más populares. Reaming manual en Photoshop en Photoshop, puede usar la función de imagen> Tamaño de imagen para cambiar el tamaño manual de la imagen. El instrumento se ve así:
Puede ver el tamaño de imagen actual y las dimensiones de píxeles se observan en la parte superior del instrumento. Cualquier ajuste que haga aquí cambiará el tamaño. Fit to es una lista de caída que tiene dimensiones predeterminadas y configuraciones de píxeles.

Si elijo la primera opción en esa lista para ajustar las dimensiones y los píxeles por (PPI), puedo ver cómo se cambiará el tamaño del archivo. Puede experimentar con estas configuraciones para determinar si una dimensión estándar en el menú de caída Trabaje o si necesita cambiar el ancho manual, la altura o las opciones de resolución para obtener el tamaño que necesita.

Guardar para la función Guardar para web es diferente de guardar, ya que en el sentido de que la opción web elimina los metadatos (detalles sobre el tipo y el origen del archivo) del archivo antes de guardarlos. Esta función está especialmente destinada a imágenes que se mostrarán en Internet, por lo que puede ser una forma muy rápida de cambiar el tamaño, al tiempo que mantiene la calidad.

Encuentre la opción de salvación para la navegación web al archivo> exportar> guardar para la web:

Cuando se abra la ventana Guardar para web, notará otra ventaja de esta función. Si selecciona la pestaña 2-Up en la parte superior, puede ver una comparación de la imagen original lado a lado con la imagen modificada.
Desde aquí, use el preajuste en la esquina superior derecha para elegir el formato JPG y ajustar la calidad como desee. Una vez que realice cambios, puede ver si el nuevo archivo corresponde a sus estándares de calidad previsualizando la imagen y puede validar cambiar el tamaño del archivo mirando debajo de cada imagen:

Tenga en cuenta que también puede cambiar el tamaño utilizando los campos de ancho y altura en la esquina inferior derecha. Debido a que este artículo sigue específicamente el cambio de tamaño, no cubrimos las otras opciones que se muestran en la pantalla de rescate web, pero puede leer aquí para obtener información más detallada. Las herramientas de optimización de imágenes de WordPress Photoshop son una excelente opción si desea rotar los cuadrantes usted mismo para reducir el tamaño de la imagen. Si está buscando algo más automatizado para ayudarlo a cambiar el tamaño de las imágenes, hay una gran cantidad de complementos de WordPress que pueden ayudarlo. Aquí hay una lista de algunas opciones populares y una breve descripción de sus beneficios: Imagine: optimice todas las imágenes, redimense y restaure fácilmente las fotos a sus versiones originales cuando sea necesario. También es accesible. Este complemento es gratuito para descargar e incluye 20 MB de archivos para archivos. Otras opciones son $ 5 por mes por 500 MB y $ 10 por mes por espacio ilimitado. ShortPixel: sin límite de tamaño de archivo y una tecla API de sitios múltiples permite un excelente uso para este complemento. También ofrece planes únicos y mensuales de flexibilidad presupuestaria. Optimole: para los datos orientados, Optimole ofrece un tablero en el que puede examinar las estadísticas de optimización. Su plan gratuito permite a 5,000 visitantes por mes y un ancho de cinta ilimitado.

Para una comparación más completa de estas opciones y una mano de otras, consulte este artículo. Recursos web para optimizar imágenes Si tiene dificultades para el tiempo y / o el dinero, hay muchas herramientas gratuitas de optimización de imágenes en línea. ComressJPG le permite cargar más archivos y cambiarlos simultáneamente. También tiene una característica que convertirá sus fotos en iPhone HEIC a JPEG. Otros sitios similares son TinyPng y compresor de imagen. Canva Pro es otro sitio popular que no solo cambia de tamaño, sino que también le permite diseñar y animar imágenes, así como formatearlas para uso web o redes sociales. Su apariencia es intuitiva y fácil de usar. La conclusión no subestima la importancia de optimizar las imágenes. Los sitios lentos no solo deshabilitan los espectadores, sino que no reciben atención a la búsqueda de Google. Las imágenes de carga rápida clara pueden proporcionar ese algo adicional que diferencia su sitio del resto. Un sitio optimizado hará que los visitantes regresen por más. ¿Utiliza alguno de estos métodos para cambiar el tamaño de sus imágenes? Si no, ¿a quién crees que intentarás primero? ¡Dinos en los comentarios! Imagen presentada por Prinhanto Edi / Shutterstock.com