- Desde
- 29 Ago 2010
- Mensajes
- 2.766
Lo que mejora este tutorial en tu sitio web.
- Mejoras la velocidad de tu sitio al comprimir las imágenes (mejora obviamente el SEO)
- Utilizas menos ancho de banda de tu hosting
- Utilizas menos espacio en tu hosting
- Es para sitios grandes, en donde las primeras fotos no tuvieron ninguna compresión.
- A diferencia de Smush.it puedes comprimir imágenes de más de 1mb.
La velocidad de nuestra página (sitio web) es a menudo un problema para los usuarios que utilizamos Wordpress. Además representa un problema a la hora de realizar un respaldo de nuestra base de datos al tener un mayor peso. Frecuentemente para quienes tienen un sitio "grande" estan en busca de una manera de aumentar la velocidad del sitio, mantener la calidad de la imagen y reducir el peso que podemos utilizar en el disco del hosting.
Tener un sitio lento (por la carga de imagenes pesadas) afecta no sólo a los usuarios, sino que también afecta el SEO. Las imagenes grandes son a menudo uno de los peores problemas cuando se trata de la velocidad y cargar nuestro sitio web por cada usuario, representa también un consumo más alto de ancho de banda.
Así que vamos a hablar de una manera de reducir masivamente el tamaño de sus imágenes (tanto en la página y en el servidor).
(IMPORTANTE: Es necesario tener acceso a los archivos de WordPress en el servidor con el fin de hacer esto.)
Un trabajo que pocas veces es requerido
Antes de empezar, permítanme decir por adelantado que esto va a requerir un poco de trabajo. Aunque no es excesivamente complicado, hace falta algo más que simplemente pulsando un botón o dos. (Tiempo).
Hay un plugin por ahí que reduce los archivos de imagen automáticamente, llamado Smush.It . (Aquí en el foro ya existe un tutorial de como implementarlo, puedes buscar).
Los plugins como Smush.it son obviamente una valiosa herramienta ya que una vez instalado, requieren unos cuantos click´s. Para activarlo, y cualquier archivo subido desde ese momento será automáticamente comprimido.
Aquí está una mirada en el tamaño de un archivo subido sin Smush.it y luego con Smush.it.
Como se puede ver, pasó de 216,64 KB a 201,55 KB.
Así que eso es bueno, sobre todo porque no requiere ningún trabajo. Sin embargo, con el método que vamos a aprender el día de hoy, vamos a obtener una reducción masiva de los tamaños de archivo.
Aquí les dejo un ejemplo de lo que podemos lograr (y ni siquiera el mejor).
Así esta imagen pasó de 216,64kb. a 80,87kb. (en comparación con Smush.it 's 201,55 KB). Y lo mejor es que probablemente se podría haber hecho aún más pequeño el peso del archivo (más sobre esto más adelante).
Otra ventaja de este método es que se puede reducir el tamaño de las imágenes que están por encima de 1 MB. El plugin Smush.it, que utiliza el sistema de Yahoo Smush.it, no puede reducir el tamaño de las imágenes más de 1 MB, ya que Yahoo no lo permite.
Software para comprensión de imagenes
La forma en que vamos a reducir el tamaño de nuestros archivos de imagen es mediante el uso de software que sirven para la compresión de estas, el cual se realiza mediante la instalación de este en la computadora.
Hay programas gratuitos disponibles que funcionan bien, además de que existen muchos más, pero aquí solo voy a mencionar dos aquí:
Para Windows; Caesium hará el truco.
Para Mac; ImageOptim
Comprimir sus imagenes de Wordpress
Obviamente, si el programa de compresión para imagenes se encuentra en su ordenador y las imágenes en el servidor dentro de nuestra instalación de Wordpress, nos tomara un poco de trabajo realizar el proceso (no es difícil, pero es un poco laborioso).
Por lo tanto tendremos que hacer una copia semi-regular, de la carpeta que contiene las imágenes y que vamos a comprimir. La primer etapa consiste en que usted tiene que elegir "el momento", a esto me refiero a que puede elegir las carpetas por (mes ó año) ya que esta es la manera en que la plataforma de Wordpress lo archiva.
Afortunadamente, WordPress almacena los archivos en un sistema de carpetas que lo hace fácil porque se almacenan por fecha.
Los archivos de este año están en la siguiente dirección:
Y los archivos del mes pasado residirían aquí:
Si usted quiere realizar este procedimiento de reducción de peso frecuentemente (cada 3 o 6 meses) usted sólo tiene que realizar el procedimiento con las carpetas de los meses que le corresponden.
Obviamente esto significa que para los archivos del mes en curso no se pueden comprimir hasta el próximo mes, pero eso es algo que puede utilizarce con el plug in antes mencionado.
Un proceso para seguir paso a paso para la compresión de archivos
Para realizar este procedimiento podemos utilizar un cliente de FTP como Filezilla, o simplemente puede trabajar a través de la solución de su servidor ingresando a través de su Cpanel. Ambas formas funcionan, por supuesto.
El tutorial que aqui vamos a ejemplificar lo haremos utilizando las herramientas disponibles de nuestro Cpanel, si usted no tiene Cpanel, puede realizar el procedimiento con las herramientas similares que le ofresca su proveedor. Si no es así, puede usar Filezilla debería funcionar.
Yo voy a hacer el equivalente a un mes de las imágenes aquí. Puede ajustar sus métodos a lo que usted requiera.
Paso 1
Encuentra tus imágenes en su servidor. Como se mencionó antes, se almacenan en carpetas por fecha, por lo que sería algo como esto:
wp-content> archivos> año> mes
Por ejemplo, que iba a encontrar los archivos para abril 2014 aquí:
... / Wp-content/uploads/2014/04
Paso 2
Comprimir / zip de la carpeta en el servidor.
Paso 3
Descargue el archivo comprimido al ordenador.
(O descargar con un programa como FileZilla.)
Paso 4
Extracto / descomprimir los archivos en su computadora.
IMPORTANTE: Si tiene archivos que no son de imagen, como mp3s, los mueve momentaneamente de la carpeta y colocarlos en algún lugar para volverlos a colocar cuando nuestro proceso haya finalizado.
Paso 5
(Los pasos exactos aquí pueden ser diferentes de acuerdo a su software de compresión de imágenes. Pero tomar nota de las ideas generales.)
1.- Importar sus imágenes en el software de compresión y configurar una carpeta de exportación.
2.- Su carpeta de exportación (en la que se almacenan las imágenes recién comprimido en el ordenador) debe tener un nombre diferente a su carpeta original.
3.- Por ejemplo, si usted está trabajando con la carpeta de abril, lo que tendría el nombre de "04", es posible que desee nombrar a su carpeta de exportación algo así como "04-comprimido."
Paso 6
Ajuste la calidad de imagen y compresión de las imágenes.
Obviamente usted puede tener diferentes configuraciones dependiendo de la calidad y compresión del software que tiene. Con ello puede ustede buscar los resultados que quiera obtener.
Utilizando el software de Caesium, cargué algunas imágenes, y luego puse la calidad a 50.
Le sugiero que ajuste a 50 la calidad en Caesium, no vi ningún ejemplo de la degradación a gran escala. Y estoy seguro de que podría haber intentado bajar más, por lo que los tamaños de archivos serían aún más pequeños.
Pero usted debe ejecutar su propia prueba.
Así que simplemente cargué algunas imágenes, ajuste la calidad a 50, después haga clic en "Comprimir" Y ya esta hecho.
IMPORTANTE: Si tuvieras archivos que no son de imagen, como mp3s, colóquelos en la carpeta donde las imágenes ahora están comprimidas (por ejemplo, la carpeta "04-comprimido").
Paso 7
Guarde en Zip la carpeta de imágenes comprimidas (es decir, "04-comprimido").
Paso 8
Subir el archivo comprimido de imágenes comprimidas (carpeta "04-comprimido") a su servidor.
(O bien, utilice un programa como FileZilla.)
Paso 9
En el servidor, extraer la carpeta de imágenes comprimidas (es decir, "04-comprimido"). Es posible que tenga que actualizar para ver la carpeta descomprimida aparecer.
Una vez que se extrae, debe tener una carpeta de "04" (que es el original), "04.zip" (el original comprimido). El archivo ZIP "04-comprimido" (las imágenes comprimidas se subió la cremallera), y la carpeta "04 -comprimido "(las imágenes comprimidas descomprimidos).
Paso 10
Cambiar el nombre de la carpeta de las imágenes originales. Por ejemplo, es posible cambiar el nombre de "04" a "04-original".
IMPORTANTE: GUARDE esta carpeta en el servidor durante un tiempo en caso de que tenga problemas. Si lo hace, usted puede cambiar el nombre de nuevo a su nombre original (quitando el nombre original), y las cosas hay que ir de nuevo a la normalidad, mientras que averiguar los problemas. Si no hay problemas, puede eliminarlo. Pero es posible que guarde la copia que ha descargado en su computadora sólo para estar seguro.
Paso 11
Cambiar el nombre de la carpeta de imágenes comprimidas (es decir, cambiar el nombre de "04-comprimido" a simplemente "04").
Paso 12
Eliminar carpetas adicionales como desee.
Como se ha mencionado, es posible que desee asegurarse de mantener la carpeta original hasta que haya tenido tiempo para comprobar su sitio para asegurarse de que todo salió como estaba planeado. Pero una vez que todo va bien, usted puede deshacerse de todas las carpetas adicionales - es decir, "04-originales", "04-compressed.zip" y "04.zip".
La calidad y el tamaño de las imágenes comprimidas
Como se ha mencionado, el tamaño de las imágenes debe ser reducido en gran medida después de pasar por este proceso. De hecho, usted probablemente encontrará que la reducción media (50%) es más efectivo que el plug in, además de ser un proceso para sitios antiguos en los que no se implemento desde un principio Smush.it
Por ejemplo, en mi prueba, me encontré con una carpeta con más de 1.200 imágenes a través del proceso. El resultado final de las imágenes comprimidas (en promedio) que son en un 25% menos el peso de los archivos de las imágenes originales.
Ver el tamaño de las carpetas de abajo.
Por cierto, es posible que observe que la carpeta "Imágenes originales" tiene un archivo de más de la carpeta "Imágenes comprimidas". Ninguna imagen se perdió. Es sólo que Windows pone un archivo llamado Thumbs.db en la carpeta. Es completamente innecesario para sus propósitos.
Calidad
También como se ha mencionado, la diferencia de calidad no fue notable. Pero usted tendrá que hacer sus propias pruebas.
Nota final: Este proceso paso a paso descrito anteriormente es para hacer frente a las imágenes que ya estaban previamente en el servidor y en su sistema de WordPress. Esto no es para subir imágenes NUEVAS directamente a su servidor. Si subes imágenes NUEVAS directamente a su servidor, entonces puedes hacerlo a través de tu WordPress en la sección de Multimedia.
- Mejoras la velocidad de tu sitio al comprimir las imágenes (mejora obviamente el SEO)
- Utilizas menos ancho de banda de tu hosting
- Utilizas menos espacio en tu hosting
- Es para sitios grandes, en donde las primeras fotos no tuvieron ninguna compresión.
- A diferencia de Smush.it puedes comprimir imágenes de más de 1mb.
La velocidad de nuestra página (sitio web) es a menudo un problema para los usuarios que utilizamos Wordpress. Además representa un problema a la hora de realizar un respaldo de nuestra base de datos al tener un mayor peso. Frecuentemente para quienes tienen un sitio "grande" estan en busca de una manera de aumentar la velocidad del sitio, mantener la calidad de la imagen y reducir el peso que podemos utilizar en el disco del hosting.
Tener un sitio lento (por la carga de imagenes pesadas) afecta no sólo a los usuarios, sino que también afecta el SEO. Las imagenes grandes son a menudo uno de los peores problemas cuando se trata de la velocidad y cargar nuestro sitio web por cada usuario, representa también un consumo más alto de ancho de banda.
Así que vamos a hablar de una manera de reducir masivamente el tamaño de sus imágenes (tanto en la página y en el servidor).
(IMPORTANTE: Es necesario tener acceso a los archivos de WordPress en el servidor con el fin de hacer esto.)
Un trabajo que pocas veces es requerido
Antes de empezar, permítanme decir por adelantado que esto va a requerir un poco de trabajo. Aunque no es excesivamente complicado, hace falta algo más que simplemente pulsando un botón o dos. (Tiempo).
Hay un plugin por ahí que reduce los archivos de imagen automáticamente, llamado Smush.It . (Aquí en el foro ya existe un tutorial de como implementarlo, puedes buscar).
Los plugins como Smush.it son obviamente una valiosa herramienta ya que una vez instalado, requieren unos cuantos click´s. Para activarlo, y cualquier archivo subido desde ese momento será automáticamente comprimido.
Aquí está una mirada en el tamaño de un archivo subido sin Smush.it y luego con Smush.it.
Como se puede ver, pasó de 216,64 KB a 201,55 KB.
Así que eso es bueno, sobre todo porque no requiere ningún trabajo. Sin embargo, con el método que vamos a aprender el día de hoy, vamos a obtener una reducción masiva de los tamaños de archivo.
Aquí les dejo un ejemplo de lo que podemos lograr (y ni siquiera el mejor).
Así esta imagen pasó de 216,64kb. a 80,87kb. (en comparación con Smush.it 's 201,55 KB). Y lo mejor es que probablemente se podría haber hecho aún más pequeño el peso del archivo (más sobre esto más adelante).
Otra ventaja de este método es que se puede reducir el tamaño de las imágenes que están por encima de 1 MB. El plugin Smush.it, que utiliza el sistema de Yahoo Smush.it, no puede reducir el tamaño de las imágenes más de 1 MB, ya que Yahoo no lo permite.
Software para comprensión de imagenes
La forma en que vamos a reducir el tamaño de nuestros archivos de imagen es mediante el uso de software que sirven para la compresión de estas, el cual se realiza mediante la instalación de este en la computadora.
Hay programas gratuitos disponibles que funcionan bien, además de que existen muchos más, pero aquí solo voy a mencionar dos aquí:
Para Windows; Caesium hará el truco.
Para Mac; ImageOptim
Comprimir sus imagenes de Wordpress
Obviamente, si el programa de compresión para imagenes se encuentra en su ordenador y las imágenes en el servidor dentro de nuestra instalación de Wordpress, nos tomara un poco de trabajo realizar el proceso (no es difícil, pero es un poco laborioso).
Por lo tanto tendremos que hacer una copia semi-regular, de la carpeta que contiene las imágenes y que vamos a comprimir. La primer etapa consiste en que usted tiene que elegir "el momento", a esto me refiero a que puede elegir las carpetas por (mes ó año) ya que esta es la manera en que la plataforma de Wordpress lo archiva.
Afortunadamente, WordPress almacena los archivos en un sistema de carpetas que lo hace fácil porque se almacenan por fecha.
Los archivos de este año están en la siguiente dirección:
HTML:
/ Wp-content/uploads/2014/Y los archivos del mes pasado residirían aquí:
HTML:
/ Wp-content/uploads/2014/04Si usted quiere realizar este procedimiento de reducción de peso frecuentemente (cada 3 o 6 meses) usted sólo tiene que realizar el procedimiento con las carpetas de los meses que le corresponden.
Obviamente esto significa que para los archivos del mes en curso no se pueden comprimir hasta el próximo mes, pero eso es algo que puede utilizarce con el plug in antes mencionado.
Un proceso para seguir paso a paso para la compresión de archivos
Para realizar este procedimiento podemos utilizar un cliente de FTP como Filezilla, o simplemente puede trabajar a través de la solución de su servidor ingresando a través de su Cpanel. Ambas formas funcionan, por supuesto.
El tutorial que aqui vamos a ejemplificar lo haremos utilizando las herramientas disponibles de nuestro Cpanel, si usted no tiene Cpanel, puede realizar el procedimiento con las herramientas similares que le ofresca su proveedor. Si no es así, puede usar Filezilla debería funcionar.
Yo voy a hacer el equivalente a un mes de las imágenes aquí. Puede ajustar sus métodos a lo que usted requiera.
Paso 1
Encuentra tus imágenes en su servidor. Como se mencionó antes, se almacenan en carpetas por fecha, por lo que sería algo como esto:
wp-content> archivos> año> mes
Por ejemplo, que iba a encontrar los archivos para abril 2014 aquí:
... / Wp-content/uploads/2014/04
Paso 2
Comprimir / zip de la carpeta en el servidor.
Paso 3
Descargue el archivo comprimido al ordenador.
(O descargar con un programa como FileZilla.)
Paso 4
Extracto / descomprimir los archivos en su computadora.
IMPORTANTE: Si tiene archivos que no son de imagen, como mp3s, los mueve momentaneamente de la carpeta y colocarlos en algún lugar para volverlos a colocar cuando nuestro proceso haya finalizado.
Paso 5
(Los pasos exactos aquí pueden ser diferentes de acuerdo a su software de compresión de imágenes. Pero tomar nota de las ideas generales.)
1.- Importar sus imágenes en el software de compresión y configurar una carpeta de exportación.
2.- Su carpeta de exportación (en la que se almacenan las imágenes recién comprimido en el ordenador) debe tener un nombre diferente a su carpeta original.
3.- Por ejemplo, si usted está trabajando con la carpeta de abril, lo que tendría el nombre de "04", es posible que desee nombrar a su carpeta de exportación algo así como "04-comprimido."
Paso 6
Ajuste la calidad de imagen y compresión de las imágenes.
Obviamente usted puede tener diferentes configuraciones dependiendo de la calidad y compresión del software que tiene. Con ello puede ustede buscar los resultados que quiera obtener.
Utilizando el software de Caesium, cargué algunas imágenes, y luego puse la calidad a 50.
Le sugiero que ajuste a 50 la calidad en Caesium, no vi ningún ejemplo de la degradación a gran escala. Y estoy seguro de que podría haber intentado bajar más, por lo que los tamaños de archivos serían aún más pequeños.
Pero usted debe ejecutar su propia prueba.
Así que simplemente cargué algunas imágenes, ajuste la calidad a 50, después haga clic en "Comprimir" Y ya esta hecho.
IMPORTANTE: Si tuvieras archivos que no son de imagen, como mp3s, colóquelos en la carpeta donde las imágenes ahora están comprimidas (por ejemplo, la carpeta "04-comprimido").
Paso 7
Guarde en Zip la carpeta de imágenes comprimidas (es decir, "04-comprimido").
Paso 8
Subir el archivo comprimido de imágenes comprimidas (carpeta "04-comprimido") a su servidor.
(O bien, utilice un programa como FileZilla.)
Paso 9
En el servidor, extraer la carpeta de imágenes comprimidas (es decir, "04-comprimido"). Es posible que tenga que actualizar para ver la carpeta descomprimida aparecer.
Una vez que se extrae, debe tener una carpeta de "04" (que es el original), "04.zip" (el original comprimido). El archivo ZIP "04-comprimido" (las imágenes comprimidas se subió la cremallera), y la carpeta "04 -comprimido "(las imágenes comprimidas descomprimidos).
Paso 10
Cambiar el nombre de la carpeta de las imágenes originales. Por ejemplo, es posible cambiar el nombre de "04" a "04-original".
IMPORTANTE: GUARDE esta carpeta en el servidor durante un tiempo en caso de que tenga problemas. Si lo hace, usted puede cambiar el nombre de nuevo a su nombre original (quitando el nombre original), y las cosas hay que ir de nuevo a la normalidad, mientras que averiguar los problemas. Si no hay problemas, puede eliminarlo. Pero es posible que guarde la copia que ha descargado en su computadora sólo para estar seguro.
Paso 11
Cambiar el nombre de la carpeta de imágenes comprimidas (es decir, cambiar el nombre de "04-comprimido" a simplemente "04").
Paso 12
Eliminar carpetas adicionales como desee.
Como se ha mencionado, es posible que desee asegurarse de mantener la carpeta original hasta que haya tenido tiempo para comprobar su sitio para asegurarse de que todo salió como estaba planeado. Pero una vez que todo va bien, usted puede deshacerse de todas las carpetas adicionales - es decir, "04-originales", "04-compressed.zip" y "04.zip".
La calidad y el tamaño de las imágenes comprimidas
Como se ha mencionado, el tamaño de las imágenes debe ser reducido en gran medida después de pasar por este proceso. De hecho, usted probablemente encontrará que la reducción media (50%) es más efectivo que el plug in, además de ser un proceso para sitios antiguos en los que no se implemento desde un principio Smush.it
Por ejemplo, en mi prueba, me encontré con una carpeta con más de 1.200 imágenes a través del proceso. El resultado final de las imágenes comprimidas (en promedio) que son en un 25% menos el peso de los archivos de las imágenes originales.
Ver el tamaño de las carpetas de abajo.
Por cierto, es posible que observe que la carpeta "Imágenes originales" tiene un archivo de más de la carpeta "Imágenes comprimidas". Ninguna imagen se perdió. Es sólo que Windows pone un archivo llamado Thumbs.db en la carpeta. Es completamente innecesario para sus propósitos.
Calidad
También como se ha mencionado, la diferencia de calidad no fue notable. Pero usted tendrá que hacer sus propias pruebas.
Nota final: Este proceso paso a paso descrito anteriormente es para hacer frente a las imágenes que ya estaban previamente en el servidor y en su sistema de WordPress. Esto no es para subir imágenes NUEVAS directamente a su servidor. Si subes imágenes NUEVAS directamente a su servidor, entonces puedes hacerlo a través de tu WordPress en la sección de Multimedia.
Última edición:
