Cómo reducir fotos para web con Photoshop
Para subir las fotos en los posts la mayoría de personas lo hacen sin tener en cuenta su peso o tamaño.
A la hora de subir fotos a una web nos encontramos con el problema de cómo hacerlo lo más ligeras posibles y sin que pierdan calidad. Lo más normal es que nuestro hosting tenga una limitada capacidad de memoria y aparte las imágenes pesadas harán que la página tarde mucho más en cargar.
Una fotografía se puede reducir tanto en peso como en tamaño, la mejor herramienta que disponemos para hacerlo sin que pierda calidad es el Adobe Photoshop y lo podremos hacer en solo tres pasos.
CÓMO REDUCIR FOTOS PARA WEB CON PHOTOSHOP SIN PÉRDIDA DE CALIDAD EN PESO CON EL MISMO TAMAÑO DE LA ORIGINAL.
Si queremos reducir el peso de la foto manteniendo su tamaño original realizaremos los siguientes pasos:
- Abrir la foto a reducir con el photoshop, y nos vamos a archivo, se nos abre un menú y elegimos «guardar para web»
Se nos abre el editor de imagen que nos da varias posibilidades de guardado en varias calidades , vemos que la foto original pesa 6,59Mb, nos vamos a la derecha y con la calidad media es suficiente por eso debajo de dónde pone JPG elegimos “mediana”, “optimizado”.
Luego elegimos la foto en calidad 30 que sería el segundo recuadro de la derecha y que pesa 71,091kb lo cuál es una diferencia enorme con la original y se sigue viendo bien, los otros dos recuadros de abajo ya tienen menos calidad y la diferencia no es muy significativa con la 30, también los podriamos elegir si vemos que la foto se sigue viendo correctamente.
Para finalizar le damos a «guardar» y ya tenemos la foto lista para subirla a la web.
CÓMO REDUCIR FOTOS PARA WEB CON PHOTOSHOP EN PESO Y A UN TAMAÑO MÁS PEQUEÑO QUE LA ORIGINAL SIN PÉRDIDA DE CALIDAD
A veces no necesitamos un tamaño de foto grande, si reducimos la foto de tamaño reduciremos más todavía el peso total. Reducir siempre la foto en tamaño lo más pequeño posible deacuerdo con el sitio en que queremos emplazarla ya que no es lo mismo una foto para el slider que para dentro de un post la cuál no la necesitaremos tan grande.
En la parte de la derecha abajo nos vamos a tamaño de imagen , nos da el ancho(an) y alto (al) para reducir proporcionalmente solo hace falta cambiar uno de los dos, la foto original mide 1920px de ancho original, por ejemplo la reducimos a 500px y automáticamente se actualiza el alto proporcionalmente, observamos que la foto de calidad 30 solo pesa algo más de 6kb, así que de la original sin cambarle el tamaño y que pesaba 6,59mb, hay una diferencia enorme.
Por último sería conveniente guardarlas con un nombre que tenga relación con nuestros contenidos y nunca usar «ñ», acentos o caracteres extraños, esto junto a la reducción optimizada tiene los siguientes beneficios:
- No saturas el servidor innecesariamente
- La web carga más rápida
- Favorece el Seo posicionamiento
Nuestras redes sociales
Busca en nuestro Blog
Factores de posicionamiento en Google 2024
Factores de posicionamiento en Google 2024 Si quieres tener una web bien posicionada, debes cuidar mas de 300 aspectos de tu web, muchos son factores internos a nivel técnico, pequeños detalles a cumplir [...]
Tamaños de letra ideales para titulos WordPress
Tamaños de letra ideales para títulos WordPressLos tamaños de fuente ideales para títulos WordPress pueden variar según el tipo de fuente que elijas o tema que estés utilizando. También influye mucho el estilo de [...]
Error 404 en paginación
Error 404 en paginación del blog wordpress - Solución fácil Posiblemente hayas llegado aqui por que algún programa o detector de errores 404 te haya indicado que hay un error 404 en paginación [...]
Cómo poner idiomas en wordpress
CÓMO PONER IDIOMAS EN WORDPRESS Usando plugin de traducción automática Os mostraremos aquí unos sencillos pasos de cómo poner idiomas en wordpress con la versión gratuita del plugin GTranslate. Podemos Traducir WordPress de una [...]
¿Que es una Landing Page?
¿Que es una Landing Page? Para que se usa y como es la estructura de una landing page Muchos usuarios nos preguntan ¿que es una landing page y para que sirve?. Es lógico [...]
Tutorial avada slider, paso a paso
Tutorial avada slider, paso a paso Con las últimas versiones de Avada el que fuera "fusion slider" ahora se llama "avada slider", un slider muy lígero y fácil de crear. la creación del "Avada [...]
Avada Theme la plantilla más vendida de themeforest
Plantilla Avada número 1 en ventas de themes WordPress La plantilla Avada lleva 7 años siendo el theme WordPress más vendido del mundo a través de themeforest , son 600.432 copias las [...]