desde este panel de información se puede ver el archivo de imagen (grapes-file-information.png) es de 2.000 px de ancho por 501px de alto, y es de 120KB

Dimensiones-Tamaño físico

para la mayoría de los sitios web, asegúrese de que su archivo no sea más ancho que el ancho de su página web.

si está planeando mostrar imágenes en modo de pantalla completa (como la imagen ancha que se muestra arriba), es posible que desee planificar que sus imágenes de tamaño completo sean 1,280 px, 1,920 px o incluso más amplias., Su tema de WordPress normalmente garantiza que las imágenes más grandes se redimensionarán automáticamente hacia abajo para ajustarlas a la resolución del monitor de cada visitante.

Cuando carga una imagen, WordPress no solo carga la imagen original, sino que crea automáticamente tres imágenes redimensionadas para usted:

  • Una versión grande (por defecto 600px)
  • Una versión media (por defecto 300px)
  • Una miniatura (por defecto 150px)

por lo tanto, siempre puede elegir usar su imagen de tamaño completo, o el medio o miniatura.,

estos tamaños de archivo predeterminados en WordPress se pueden cambiar en Dashboard, Settings, Media.

Tamaño del archivo

Esta es la parte más importante de preparar una imagen para su sitio web. Las imágenes con un tamaño de archivo grande tardan más en descargarse a un navegador de visitantes y ralentizan su sitio web.

para la mayoría de las imágenes web de ‘página completa’, desea que la imagen sea de 80 Kb-100 KB como máximo. Si la imagen es solo una parte de una página (por ejemplo, la mitad del ancho de una publicación de blog), entonces 20Kb-30kb generalmente está bien.,

reducir la calidad de imagen al 30-50% del original generalmente no hace ninguna diferencia que pueda elegir a simple vista. Pruébalo y verás.

Puede colocar imágenes de 2-3MB a 80kb-120KB y no poder ver ningún cambio en la calidad visible.

para comprobar que no has sobre-optimizado tus imágenes, abre tu imagen original y la imagen optimizada y visualízalas una al lado de la otra. Esté atento a cualquier ‘jaggies’ (áreas pixeladas)., Si tu imagen tiene áreas del cielo (o áreas que tienen un área amplia que es del mismo color) o líneas delgadas (como líneas eléctricas) que cruzan un fondo neutro, compruébalas cuidadosamente, ya que a menudo son los primeros lugares en los que notarás la pixelación.

herramientas de preparación de imágenes

si carga imágenes en su computadora y está familiarizado con reducirlas antes de enviarlas por correo electrónico, una forma muy rápida de optimizar las imágenes puede ser enviarlas por correo electrónico a usted mismo antes de subirlas a WordPress.,

preparación automatizada

si prefiere la automatización en lugar de optimizar manualmente cada imagen, puede instalar el complemento ShortPixel (use este enlace de afiliado para 100 imágenes gratuitas / mes) y eso optimizará automáticamente cada imagen que cargue. Utilice la configuración sin pérdida para obtener resultados de la más alta calidad.

preparación Manual

Puede utilizar un programa de edición de imágenes para recortar y cambiar el tamaño de los archivos de imagen usted mismo. Aquí hay algunas opciones gratuitas / de nivel de entrada que puede probar:

  • Mac: puede usar la aplicación de vista previa en su Mac: use herramientas, Ajuste el tamaño y luego exporte para guardar como un JPG., También Ribbet tiene un gran editor de imágenes nuevo que le permite cambiar el tamaño de JPGs-descargar a su Mac de forma gratuita. Hay una versión de navegador web disponible, pero que requiere el uso de Flash.
  • Mac / Windows: obtenga una suscripción gratuita a Canva: este es un editor de imágenes basado en navegador
  • Windows: FastStone o PIXresizer (ambos gratuitos)

Si desea utilizar herramientas de edición más avanzadas, Photoshop es el rey de la colina, pero tenga en cuenta que es excesivo si todo lo que desea hacer es cambiar el tamaño de las imágenes para la web., Hay opciones de suscripción para Photoshop que cuestan alrededor de $12 / mth (busque la suscripción de fotografía). Para optimizar una imagen con Photoshop, tendrá que aprender a utilizar la función de Tamaño de imagen y las herramientas de exportación.

en la mayoría de los casos, los programas de gestión de imágenes le permitirán reducir la calidad de imagen en un porcentaje. Si está tratando con imágenes grandes y de alta resolución, generalmente puede reducirlas a alrededor del 30% de la calidad original y no podrá ver mucha diferencia (si la hay). Experimenta por ti mismo.,

Aquí hay algunas capturas de pantalla que muestran ImageWell y pintoresco reduciendo el tamaño del archivo al 30% del original.