Skip to content

Commit

Permalink
Corregidas las fuentes de las imágenes de Editar imágenes
Browse files Browse the repository at this point in the history
  • Loading branch information
jesusyesares committed Sep 19, 2024
1 parent 5955540 commit 9aeb6ff
Show file tree
Hide file tree
Showing 11 changed files with 10 additions and 10 deletions.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
20 changes: 10 additions & 10 deletions manuales/github/editarimagen/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,48 +10,48 @@ Con esta aplicacion solamente se puede redimensionar la imagen y reducir su tama

En cualquiera de los casos, una vez que se haya entrado en **Squoosh.app**, lo siguiente será pegar desde el portapapeles o arrastrar la imagen a la aplicación.

![Añadir la imagen a squoosh.app](https://raw.githubusercontent.com/WPES/spain-handbook/master/manuales/github/assets/reducir-imagen-01.jpeg)
![Añadir la imagen a squoosh.app](https://raw.githubusercontent.com/WordPress/spain-handbook/main/assets/reducir-imagen-01.jpeg)

Al añadir la imagen, se observa a la izquierda el peso original de la misma, y a la derecha el peso y la reducción que aplicado el software. Se observa una reducción considerable solo por añadir la imagen a squoosh.app

![Reducción de imagen inicial](https://raw.githubusercontent.com/WPES/spain-handbook/master/manuales/github/assets/reducir-imagen-02.jpeg)
![Reducción de imagen inicial](https://raw.githubusercontent.com/WordPress/spain-handbook/main/assets/reducir-imagen-02.jpeg)

## Redimensionar una imagen

Si la imagen que se va a insertar es excesivamente grande en dimensiones, esto no tendrá mucho sentido, lo máximo que se mostrará será una imagen de unos 2400px. Para ello, hay una opción llamada **Resize** que sirve para cambiar las dimensiones de la imagen.

![Botón resize](https://raw.githubusercontent.com/WPES/spain-handbook/master/manuales/github/assets/reducir-imagen-03.jpeg)
![Botón resize](https://raw.githubusercontent.com/WordPress/spain-handbook/main/assets/reducir-imagen-03.jpeg)

Al activar esta opción se observan dos campos que muestran las dimensiones de la imagen. En ese caso, lo único que hay que hacer es ir a **Resize**, activar la opción y cambiar solamente el ancho de imagen (**Width**).

![Modificación del ancho de imagen](https://raw.githubusercontent.com/WPES/spain-handbook/master/manuales/github/assets/reducir-imagen-04.jpeg)
![Modificación del ancho de imagen](https://raw.githubusercontent.com/WordPress/spain-handbook/main/assets/reducir-imagen-04.jpeg)

![Ancho de imagen modificado](https://raw.githubusercontent.com/WPES/spain-handbook/master/manuales/github/assets/reducir-imagen-05.jpeg)
![Ancho de imagen modificado](https://raw.githubusercontent.com/WordPress/spain-handbook/main/assets/reducir-imagen-05.jpeg)

Con este redimensionamiento de imagen veremos que se produce una reducción de tamaño de archivo considerable.

![Diferencia en el peso de la imagen al cambiar las dimensiones](https://raw.githubusercontent.com/WPES/spain-handbook/master/manuales/github/assets/reducir-imagen-06.jpeg)
![Diferencia en el peso de la imagen al cambiar las dimensiones](https://raw.githubusercontent.com/WordPress/spain-handbook/main/assets/reducir-imagen-06.jpeg)

## Reducir el tamaño de archivo de la imagen

Pero además, si no ha hecho falta redimensionar la imagen, pero el peso del archivo sigue siendo alto, existe la opción de cambiar la calidad de la imagen.

Para ello, lo único que hay que hacer es mover el deslizador de **Quality** hacia la izquierda para reducir este tamaño. En todo momento, veremos debajo cuánto se reduce el peso de la imagen.

![Deslizador Quality](https://raw.githubusercontent.com/WPES/spain-handbook/master/manuales/github/assets/reducir-imagen-07.jpeg)
![Deslizador Quality](https://raw.githubusercontent.com/WordPress/spain-handbook/main/assets/reducir-imagen-07.jpeg)

En este ejemplo se observa la calidad de la imagen reducida a 75, que es la reducción que introduce el programa por defecto y el peso de la imagen, que es de 230kb.

![Deslizador y peso de la imagen a la calidad reducida por defecto](https://raw.githubusercontent.com/WPES/spain-handbook/master/manuales/github/assets/reducir-imagen-08.jpeg)
![Deslizador y peso de la imagen a la calidad reducida por defecto](https://raw.githubusercontent.com/WordPress/spain-handbook/main/assets/reducir-imagen-08.jpeg)

A continuación, se observa cómo el peso se reduce a 109kb cuando el deslizador se desplaza a calidad 35.

![Deslizador y peso de la imagen tras reducir la calidad](https://raw.githubusercontent.com/WPES/spain-handbook/master/manuales/github/assets/reducir-imagen-09.jpeg)
![Deslizador y peso de la imagen tras reducir la calidad](https://raw.githubusercontent.com/WordPress/spain-handbook/main/assets/reducir-imagen-09.jpeg)

En la pantalla se ve, sobre la imagen, un divisor que permite ver a la izquierda la imagen a calidad original y, a la derecha, la imagen con la nueva calidad. Lo óptimo es encontrar un punto en el que la imagen no se pixele, pero el peso de la misma no sea demasiado alto.

A continuación se ve cómo, al reducir a calidad 35 la imagen, ha disminuido bastante el peso de la misma, pero no se aprecia pérdida de la calidad sobre la propia imagen.

![Comparador de imagen antes y después de la reducción](https://raw.githubusercontent.com/WPES/spain-handbook/master/manuales/github/assets/reducir-imagen-10.jpeg)
![Comparador de imagen antes y después de la reducción](https://raw.githubusercontent.com/WordPress/spain-handbook/main/assets/reducir-imagen-10.jpeg)

De esta forma, se podrán subir al manual imágenes optimizadas, pero de calidad. Aunque lo habitual es que solo haya que pasar la imagen por el programa sin necesidad de tocar ningún ajuste.

0 comments on commit 9aeb6ff

Please sign in to comment.