Cómo reducir masivamente el peso de las imágenes para un sitio más rápido - Wordpress
Página 1 de 9 123 ... ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 82
  1. #1
    Registro
    29-agosto-2010
    Ubicación
    México - Chiapas
    Edad
    27
    Mensajes
    2.775
    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.
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    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).

    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    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:

    Código HTML:
      / Wp-content/uploads/2014/
    Y los archivos del mes pasado residirían aquí:

    Código HTML:
      / Wp-content/uploads/2014/04
    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.
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Paso 3

    Descargue el archivo comprimido al ordenador.
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    (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.
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    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.
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    (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.
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    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).
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    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".
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.

    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").

    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    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.
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    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 por Sergio López; 24-may-2014 a las 16:57

  2. #2
    Citar Citar  

  3. #3
    Registro
    14-febrero-2010
    Ubicación
    Bogotá, Colombia
    Edad
    46
    Mensajes
    37.727
    Cita Iniciado por PelisonlineZ Ver Mensaje
    Este servicio es bastante bueno, había uno algo mejor, pero creo que lo cerraron
    Citar Citar  

  4. #4
    Registro
    29-agosto-2010
    Ubicación
    México - Chiapas
    Edad
    27
    Mensajes
    2.775
    Cita Iniciado por PelisonlineZ Ver Mensaje
    No se como colocar las imagenes para que se vean en la publicación, el plug in que mencionas lo he utilizado, pero siempre es más efectivo el método que describo.
    Citar Citar  

  5. #5
    Registro
    02-octubre-2010
    Ubicación
    España
    Mensajes
    3.246
    yo simplemente prefiero el timthumb + picasa para las imagenes de mi wordpress
    Citar Citar  

  6. #6
    Registro
    02-febrero-2013
    Ubicación
    México
    Edad
    25
    Mensajes
    2.932
    Yo también uso Web Resizer - Crop & Resize Images Free Online - Optimize images for websites and email para cambiarles el tamaño.

    Y para comprimirlas uso:
    XIE (software para comprimir JPG).
    TinyPNG – Compress PNG images while preserving transparency

    Tu post... pues es muy largo la verdad.
    Citar Citar  

  7. #7
    Registro
    06-abril-2009
    Ubicación
    Mexicali, Mexico
    Edad
    31
    Mensajes
    12.917
    Muy bueno el aporte sobre todo para utilizar en otro tipo de sitios o donde sabemos que podemos intentar reducir más las imágenes.

    Me agradó el tutorial aunque al final sentí como que había algunas cosillas repetidas, gracias
    Citar Citar  

  8. #8
    Registro
    29-agosto-2010
    Ubicación
    México - Chiapas
    Edad
    27
    Mensajes
    2.775
    Gracias por sus comentarios, trate de ser lo más especifico posible, para que pueda ser entendido por todos.
    Citar Citar  

  9. #9
    Registro
    04-junio-2011
    Ubicación
    Cádiz, España
    Edad
    32
    Mensajes
    1.365
    Gran tutorial, muy útil y muy bien explicado. Lo pondré en práctica en cuanto tenga algo de tiempo.
    Citar Citar  

  10. #10
    Registro
    29-agosto-2010
    Ubicación
    México - Chiapas
    Edad
    27
    Mensajes
    2.775
    Saludos Kahlo.
    Este tutorial es para usuarios con sitios grandes o quienes iniciaron sin pensar en el peso de las imagenes, las ventajas son las que indico al principio.

    Lo deje bien explicado ya que aveces el usuario no es tan diestro con el proceso.
    Citar Citar  

Página 1 de 9 123 ... ÚltimoÚltimo

Temas similares

  1. Como pinchar imagenes masivamente?
    Hola queridos amigos de foro beta hoy tengo esta duda y queria saber si existe alguna herramienta que me permita "escribir o poner un logo "...
    Respuestas: 2
    Último mensaje: 15-dic-2013
  2. Que programa usar para reducir peso de imagenes?
    Hola a todos, esa es mi pregunta, quiero reducir el peso de las imágenes y no se que programa seria mejor para realizar esta tarea. Gracias de...
    Respuestas: 24
    Último mensaje: 11-jul-2013
  3. Reducir el peso de sus imágenes fácilmente
    Hola Betas, hoy les traigo uno de mis mas recientes video-tutoriales en mi nuevo canal de YouTube. Les enseñare a reducir el peso de sus imágenes con...
    Respuestas: 18
    Último mensaje: 14-ago-2012
  4. Algun programa para reducir el peso de las Musicas
    Bueno quien sabe de algun programa para reducir el peso de las musicas en Mp3, ya que la verdad hasta ahora no he encontrado ninguno, agradecere de...
    Respuestas: 6
    Último mensaje: 20-mar-2010

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •