Ya sea que esté creando un sitio web, publicando una publicación de blog o administrando una cuenta de redes sociales para su negocio, los usuarios quieren imágenes del tamaño correcto y de alta calidad. Saber cómo cambiar el tamaño de las imágenes sin perder calidad ayudará a que tu marca se vea profesional y gane la confianza de los usuarios.
Sin embargo, hay otro factor importante a la hora de añadir imágenes a tu web: los tiempos de carga. Las imágenes de alta calidad tienen un tamaño de archivo más grande, lo que puede resultar en un rendimiento y una facilidad de uso deficientes.
En esta publicación, hablaremos sobre cómo cambiar el tamaño de una imagen sin perder calidad. Luego veremos brevemente otras herramientas de cambio de tamaño de imagen para que pueda encontrar la adecuada para su sitio web.
Por qué es importante cambiar el tamaño de las imágenes sin perder calidad
Imagine dos sitios de comercio electrónico que venden el mismo par de zapatos: uno tiene capturas de pantalla del producto borrosas y/o distorsionadas, y el otro tiene una imagen muy clara. ¿A cuál le compras más?
Las imágenes bien formateadas no solo facilitan la visualización y la compra, sino que también expresan profesionalidad. Por otro lado, las imágenes desordenadas pueden sugerir una falta de competencia. Si no puede obtener las imágenes correctas, ¿cómo puede obtener los productos correctos?
Además de afectar la experiencia del usuario de esta manera, las imágenes que no se han redimensionado adecuadamente afectan el rendimiento del sitio. Las imágenes de alta resolución de gran tamaño pueden verse bien en la interfaz de usuario, pero el tamaño de los archivos es grande. Esto significa que los navegadores tardarán más en cargarlos, lo que extenderá el tiempo de carga general de su sitio web.
A menudo, este tiempo de carga adicional es innecesario. Suponga que tiene una imagen de 2000 x 2000 píxeles, pero el contenedor que coloca es solo de 200 x 200 píxeles. En este caso, su navegador continúa cargando cada píxel, aunque está limitado a un área de visualización mucho más pequeña. Esto significa que el navegador tiene que cargar diez veces más de lo necesario.
No hay un ancho o alto estándar que deba seguirse al cambiar el tamaño de las imágenes. Esto dependerá de una serie de factores, incluido el lugar en el que los coloca en su sitio, si la mayoría de sus usuarios usan computadoras de escritorio o dispositivos móviles, etc.
Aun así, la regla general es que desea lograr un equilibrio entre el tamaño de archivo más pequeño y una calidad aceptable. Generalmente, un tamaño de archivo de imagen de 100 KB o menos es aceptable. Habrá algo de pérdida de calidad, pero no se notará si se hace correctamente.
Cómo cambiar el tamaño de una imagen sin perder calidad
- Subir una imagen.
- Seleccione una opción de cambio de tamaño.
- Introduzca las dimensiones de ancho y alto.
- Descarga la imagen redimensionada.
A los efectos de esta demostración, utilizaremos la gratuita Herramienta de cambio de tamaño de imagen de Adobe Expresspero estos pasos básicos se aplican a cualquier herramienta.
1. Sube la imagen.
Con la mayoría de las herramientas de cambio de tamaño de imagen, puede arrastrar y soltar la imagen o cargarla desde su computadora. Algunas herramientas incluso te permiten copiar y pegar una imagen.
2. Seleccione una opción de cambio de tamaño.
Algunas herramientas de tamaño le permiten elegir de una lista de dimensiones de tamaño preestablecidas basadas en diferentes plataformas de redes sociales y tamaños de pantalla comunes. Si lo desea, elija uno de estos ajustes preestablecidos en el menú.
Si prefiere establecer dimensiones personalizadas usted mismo, seleccione Hábito opción y vaya al siguiente paso.
3. Introduzca las dimensiones de ancho y alto.
Supongamos que la imagen que desea cambiar el tamaño es de 6000 x 4000 píxeles y desea cambiar el tamaño a 600 x 400 píxeles para que sea una imagen destacada para su blog. Sólo tienes que introducir estas dimensiones.
4. Descarga la imagen redimensionada.
Después de cambiar el tamaño de la imagen, haga clic en Descargar. Ahora puede descargar la imagen en nuevas dimensiones y subirla a su sitio web.
Después de seguir los pasos anteriores, es posible que el tamaño del archivo de imagen supere los 100 KB. Para bajarlo aún más, podemos pasar a la compresión de imágenes.
¿Cómo cambiar el tamaño de una imagen a 100 KB?
- Subir una imagen.
- Compruebe el tamaño del archivo de imagen actual.
- Elija un formato de salida.
- Ajuste la calidad de la imagen.
- Descargar imagen comprimida.
Hay muchas herramientas gratuitas de compresión de imágenes disponibles en Internet. En estos pasos usaremos aplastar herramienta de Google. Pero nuevamente, estos pasos generalmente se aplican a cualquier herramienta de compresión.
1. Sube la imagen.
Primero, abra Squoosh en un navegador web o como una aplicación de escritorio y luego arrastre la imagen a Squoosh. Alternativamente, puede copiar y pegar la imagen en Squoosh.
2. Compruebe el tamaño del archivo de imagen actual.
Después de cargar la imagen, Squoosh la mostrará en dos paneles. A la izquierda está la imagen original que subiste y a la derecha está la versión comprimida. Puede hacer clic y arrastrar la barra central en cualquier momento para comparar la calidad de la imagen antes y después de la compresión.
Como se muestra arriba, el método de compresión MozJPEG y la calidad de 75 se seleccionan de forma predeterminada, lo que reduce el tamaño del archivo de imagen de 176 KB a 72,8 KB. Como ahora tenemos menos de 100 KB, podemos descargar una nueva imagen comprimida.
Sin embargo, si el tamaño del archivo de imagen original es mayor, puede que no sea tan fácil obtener menos de 100 KB. También puede preferir un método de compresión diferente o una calidad superior. Veremos esto más a fondo.
3. Elija un formato de salida.
Según el tipo de imagen que esté comprimiendo, es posible que desee seleccionar un método de compresión diferente al seleccionado de forma predeterminada.
Para ver las opciones de compresión en Squoosh, abra el menú desplegable bajo Compresión. Verá algunas opciones en la lista, pero hay tres que probablemente serán sus objetivos. Estos son:
- MozJPEG: Este método comprime imágenes en formato JPEG/JPG. El formato JPG es mejor para imágenes muy detalladas, como fotografías. Es un formato con pérdida, lo que significa que el proceso de compresión elimina permanentemente algunos datos de la imagen.
- Oxi PNG: Este método comprime las imágenes en formato PNG. PNG es mejor para archivos de imagen con niveles más bajos de detalle, como gráficos e ilustraciones. PNG es un formato sin pérdidas, lo que significa que no se eliminan datos durante la compresión.
- WebP: WebP es un formato de archivo relativamente nuevo desarrollado por Google con el objetivo de crear archivos más pequeños que JPG y PNG manteniendo la calidad. Puede obtener más información sobre WebP aquí.
4. Ajuste la calidad de la imagen.
Una vez que haya elegido su método de compresión (nos limitaremos a MozJPEG mientras comprimimos una foto detallada), puede refinar aún más la compresión ajustando la calidad de la imagen.
De manera predeterminada, la calidad de la imagen se establece en 75. Si desea reducir aún más el tamaño del archivo, puede arrastrar el control deslizante hacia abajo y comparar el resultado, dependiendo de dónde y cómo coloque la imagen final en su sitio, la degradación de la calidad puede no ser perceptible o afectar la experiencia del usuario. Puede tomar algunas pruebas y errores para obtener el equilibrio adecuado entre la calidad y el tamaño del archivo.
Como alternativa, si el tamaño de la imagen comprimida es inferior a 100 KB, puede aumentar la calidad de la imagen hasta cerca de 100 KB. Arriba, elevé la calidad de 75 a 80, lo cual es suficiente para mejorar la calidad y mantener el tamaño del archivo por debajo de los 100 KB.
5. Descarga la imagen comprimida.
Cuando esté listo para descargar la imagen comprimida, haga clic en el botón azul de descarga. Luego suba el archivo a su sitio web y vea cómo se ve en su sitio web.
¿Cómo reducir el tamaño PNG sin perder calidad?
Para cambiar el tamaño de un archivo PNG sin perder calidad, utilice una herramienta de compresión sin pérdidas que admita transparencias y archivos PNG. Hay muchas herramientas de compresión disponibles en Internet que pueden hacer esto de forma gratuita.
Puede elegir la herramienta de cambio de tamaño PNG que se adapte a sus preferencias, pero la mayoría de estas herramientas funcionan igual, manteniendo la transparencia y la calidad de la imagen. Estas son algunas opciones que recomendamos:
- adobe expreso: El programa gratuito de cambio de tamaño de imágenes en línea de Adobe funciona con archivos PNG. Puede cambiar el tamaño de la imagen manteniendo la calidad y también puede aplicar dimensiones que sean óptimas para las publicaciones en las redes sociales.
- Mordible: Cambiar el tamaño de los archivos PNG no es mucho más fácil que Biteable. Sube tu imagen, establece las dimensiones y descarga.
- aplastar: además de aplicar compresión, también puede cambiar el tamaño de las imágenes (incluido PNG) en Squoosh. Esto es útil si desea aplicar el cambio de tamaño y la compresión con la misma herramienta.
Herramientas de cambio de tamaño de imagen
Cambiar manualmente el tamaño de cada imagen que cargue en su sitio web requeriría una gran inversión de tiempo y energía, y posiblemente algo de experiencia en diseño gráfico. La buena noticia es que puede simplificar el proceso con una herramienta de cambio de tamaño de imagen.
A continuación se muestra una colección de las mejores herramientas de cambio de tamaño de imagen. Se diferencian en funcionalidad y precio, por lo que puedes elegir el que se adapte a tus necesidades y presupuesto. Empecemos.
Adobe Photoshop Express
Adobe Photoshop Express es una herramienta de edición de fotos gratuita para dispositivos móviles que le permite cambiar el tamaño, comprimir y recortar cualquier imagen con solo unos pocos clics. Puede cambiar el tamaño de la foto de Facebook, la imagen del perfil de LinkedIn, el banner de Twitter, la miniatura de YouTube o la captura de pantalla. Puede cambiar el tamaño de tantas imágenes como desee de forma gratuita, pero deberá crear una cuenta para descargarlas.
Redimensionar.aplicación
Resizing.app es una herramienta de edición de fotos gratuita con una interfaz extremadamente simple. Puede cambiar el tamaño de la imagen por ancho, alto, porcentaje, lado más grande o algún otro valor personalizado. Después de cambiar el tamaño de la imagen, puede optimizarla con una escala móvil y convertirla. Una de las desventajas de esta herramienta es que no muestra el tamaño del archivo mientras lo optimiza. Esto puede hacer que sea difícil saber cuándo dejar de cambiar la escala a la derecha.
serfunky
BeFunky está diseñado como Photoshop para principiantes. Tiene muchas funciones pero se presenta en una interfaz fácil de usar. Puede cambiar el tamaño, recortar y rotar imágenes, agregar gráficos, marcos, superposiciones y texturas personalizables, y más. Con Batch Image Resizer de BeFunky, incluso puede cambiar el tamaño de las imágenes de forma masiva en lugar de individualmente. Existe una versión gratuita con 125 efectos digitales y versión premium con cientos de otros.
PicResize
Con PicResize, puede cambiar el tamaño, recortar y editar fácilmente sus imágenes de forma gratuita. Puede reducir la imagen en porcentajes preestablecidos o configurando el ancho y la altura en píxeles. Es importante señalar dos cosas. La versión gratuita de PicResize es solo para reducir fotos; tendrás que comprar PicResize Pro para agrandarlos. Solo puede comprimir formatos de archivo JPG y, en lugar de un control deslizante, hay un menú desplegable con opciones: bueno, mejor, mejor. Si bien no puede ver el tamaño de archivo de la imagen, puede establecer un tamaño de archivo máximo.
¿Listo para cambiar el tamaño?
Cambiar el tamaño de las imágenes sin perder calidad es una habilidad importante, ya sea propietario de un sitio web, vendedor de redes sociales, bloguero u otra persona. Afortunadamente, el proceso es fácil gracias a la variedad de herramientas gratuitas y premium disponibles en línea. Puede cambiar el tamaño de sus imágenes en menos tiempo y mejorar la velocidad de su sitio web y, como resultado, deleitar a sus visitantes.
Nota del editor: esta publicación se publicó originalmente en diciembre de 2020 y se actualizó para que sea más completa.
