5 Herramientas para optimizar imágenes y mejorar el rendimiento web

Si estas pensando en mejorar el rendimiento de tu web, necesitas conocer estas herramientas para optmizar imagenes

La mayor parte de los problemas de rendimiento de una web son las imágenes, ya que se trata de elementos pesados con mas información de la que se aprecia a simple vista y ya sabemos que el rendimiento o velocidad de una web es un factor importante en el posicionamiento tanto en pc como en móvil y es por esto que debemos subir a la web nuestras imágenes optmizadas.

En que consiste la optimización de las imágenes?

1) Deben estar bien dimensionadas al tamaño máximo al que se van a visualizar, si en pantalla se va a ver a por ejemplo 500×300 pixeles, colgar una foto de alta resolución de 3000 pixels no mejora calidad y sí penaliza muchísimo el rendimiento. Por tanto hay que ajustarlas al tamaño adecuado y con una resolución de 72 ppp.

2) Debemos comprimir las imágenes y eliminar todo el código que se añade a las imágenes.
Hay muchos compresores para descargar a tu equipo o también puedes usar uno de estos 5 compresores de imágenes online que te recomiendo:

Tu has hecho servir algún otro compresor de imágenes online que te haya funcionado?

Trucos y consejos para diseño de Blogger

Para iniciar nuevamente mi actividad en ismajimenez.com, despues del rediseño, os traigo un viejo post actualizado de mi antiguo blog e-wakeup, sobre diseño y trucos para blogger.

Si has llegado a leer este post es que ya debes haber abierto tu propio blog, pero puede que estés estancado o tengas dudas de por donde avanzar en cuanto a diseño o configuración del sitio.

 

1. Como quitar la Navbar o la barra superior de blogger.

 Para eliminar la Navbar debes ir a Plantilla | Edición de HTML, y pegar después de la etiqueta <body> este código:

<style type=”text/css”>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
Si usas una plantilla hecha a través del Diseñador de plantillas de Blogger entonces el código debes pegarlo después de:
<body expr:class=’&quot;loading&quot; + data:blog.mobileClass’>
Ahora ya no es necesario picar este código existe la opción dentro del apartado diseño / barra de navegación 

 

2. Como eliminar el espació superior que queda después de eliminar la Navbar

Sólo hay que entrar en Plantilla | Edición de HTML y agregar antes de ]]></b:skin> lo siguiente:
.content {
margin-top:-30px !important;
}

 

3. Ocultar el mensaje que se muestra a pie del blog

Para ocultar el gadget  vamos a Plantilla | Edición de HTML, y antes de ]]></b:skin> pegamos lo siguiente:
#Attribution1 {display:none; visibility:hidden;}

 

4.Centrar título en la cabecera 

Tanto si es texto como imagen puedes centrar el título en el blog accediendo a Plantilla | Personalizar |Avanzado | Añadir CSS y  pegar lo siguiente:
.Header { text-align: center; }

 

Recuerda que para buscar el código más fácilmente puedes usar las teclas Crtl+F.

 

Espero que os hayan sido útiles estos consejos sobre configuraciones y trucos básicos de blogger.

“Por Isma Jimenez Blasco