Facebook Twitter Pinterest Instagram Personalizar el tamaño de las fotos en Blogger | Café largo de ideas - Decoración, Lifestyle, DIY

Personalizar el tamaño de las fotos en Blogger

Yo soy bastante maniática con el tema de las fotos en el blog, no me gusta que salgan pequeñas, sino prácticamente al tamaño del post, es decir ocupando todo el ancho del mismo... y hoy quiero compartir contigo cómo lo hago !!




Bien, en mi caso concreto publico las fotos a un ancho fijo de 600 píxeles, y esa medida no la da por defecto Blogger con ninguna de las opciones que tiene habilitadas al respecto (pequeño, mediano, grande, extragrande o tamaño original )... así que "a buscarse la vida" como suele decirse !!

Lo primero desde luego insertar la imagen a subir, para lo que deberás clicar en el icono de "inserta imagen"


Seleccionar "elegir archivos" del menú "subir", en caso de que subas las fotos desde tu ordenador... pero puedes también subir fotos subidas ya a tu blog, subidas a Picassa, desde tu teléfono móvil o incluso desde una URL, simplemente, deberás clicar en la pestaña superior correspondiente según el caso.



Una vez insertada la imagen, si clicas sobre ella podrás ver varias opciones, entre ellas las que ya te comenté de : pequeño, mediano, grande, extragrande o tamaño original, en mi caso si clico en la opción de grande me quedo un poco corta en el ancho, y si clico en la de extragrande, por el contrario, me paso... las demás opciones tampoco se ajustan al tamaño que yo quiero, entonces lo que hago en dejar clicada la opción de grande, pero puede ser otra cualquiera ( no importa demasiado, lo que busco con esta acción en simplemente que Blogger añada código HTML con un tamaño cualquiera, ya me encargaré yo de modificarlo a mi gusto ). Yo suelo coger el tamaño de grande, porque Blogger me redondea el ancho del tamaño de mis fotos a 400, y al dejarme el ancho en un número redondo pues para mi es más fácil hacer los cálculos ( no te asustes, no son nada del otro mundo )!!

A continuación clico en la pestaña de "HTML" ubicada en la parte superior del post correspondiente



Localizo entre el código aquel fragmento que corresponde a la foto en concreto que deseo modificarle el tamaño.. ¿ cómo ?, es muy sencillo, el código será del tipo de :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRAJ2TdOio-w6DccOsKfdIP-l4sLYeqSErax4C3mD0fx0HBLTJslLLuab1CURhES0rAkgOpbgQGZzvW3tpX7GW8Mtp3yV7Dy94G2Qcbijh8Haha3uQOSdAL9obns6qoYy2e8UxQGNvRnb/s1600/pantallazo-blogger-html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRAJ2TdOio-w6DccOsKfdIP-l4sLYeqSErax4C3mD0fx0HBLTJslLLuab1CURhES0rAkgOpbgQGZzvW3tpX7GW8Mtp3yV7Dy94G2Qcbijh8Haha3uQOSdAL9obns6qoYy2e8UxQGNvRnb/s1600/pantallazo-blogger-html.jpg" height="287" width="400" /></a></div>

Dentro de las comillas del src puedes ver una url, y al final de la misma, justo antes del .jpg verás el nombre de la misma, simplemente fíjate que éste corresponda con el nombre que le has dado a tu imagen.

Bien, ahora sólo es cuestión de modificar los valores del height ( alto de la imagen ) y del width ( ancho de la imagen ), en mi caso, redondeo el 400 a 600, y cómo le he sumado al valor inicial 200 lo que hago seguidamente es sumar otros 200 al valor del height, al sumar la misma cantidad a un valor y otro lo que consigo es que no se me deforme la imagen, tenlo en cuenta !

El resultado de la modificación del código en mi caso sería por tanto este :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRAJ2TdOio-w6DccOsKfdIP-l4sLYeqSErax4C3mD0fx0HBLTJslLLuab1CURhES0rAkgOpbgQGZzvW3tpX7GW8Mtp3yV7Dy94G2Qcbijh8Haha3uQOSdAL9obns6qoYy2e8UxQGNvRnb/s1600/pantallazo-blogger-html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRAJ2TdOio-w6DccOsKfdIP-l4sLYeqSErax4C3mD0fx0HBLTJslLLuab1CURhES0rAkgOpbgQGZzvW3tpX7GW8Mtp3yV7Dy94G2Qcbijh8Haha3uQOSdAL9obns6qoYy2e8UxQGNvRnb/s1600/pantallazo-blogger-html.jpg" height="487" width="600" /></a></div>

Listo, ya tengo la foto subida a mi blog al tamaño deseado !

Por cierto, si te interesa el tema de las fotos, te adelanto que en el sitio web de diseño gráfico, retoque fotográfico y videotutoriales Tritrazos estamos a puntito de sacar un nuevo servicio al respecto, consistirá en aportarte las fotos que necesites para tu blog o sitio web, optimizadas para que posicionen mejor en buscadores... intentaremos sacarlo para esta semana que viene, así que estate atento / a  !!

¿ Qué te ha parecido el tutorial ?, ¿ te animas a ponerlo en práctica ?, ...

¡Muchas gracias por compartir el post!

Sobre la autora

¡Muchas gracias por tu visita!, si te ha gustado el post no te olvides de comentarlo ni de compartirlo en tus redes sociales ; )

6 comentarios:

  1. Más cómodo hacerlo así que subirlo a un editor de fotos y tocar allí el tamaño.

    Y gracias por hablar de Tritrazos...le echaré un vistazo. Últimamente estoy obsesionada con las fotos...

    ResponderEliminar
    Respuestas
    1. Me alegro de que te sirva el "truco" de hoy !!

      De nada, espero que te guste lo que ves por Tritrazos.. Te entiendo, a mi me pasa un poco lo mismo, las fotos considero son una parte fundamental en los blogs, hay que añadirlas y desde luego hacer que estas tengan la mejor calidad posible.

      Saludos

      Eliminar
  2. Hola!!!!! Yo de momento me arreglo poniendo extragrande pero me viene muy bien saber esto porque cuando quiero poner otro tamaño no sé hacerlo y a veces las dejo demasiado pequeñas. En mi caso lo principal del blog es el texto pero siempre ayuda tener unas fotos buenas, o al menos un poco decentes. Gracias, me guardo el truco ahora mismo. Un besín.

    ResponderEliminar
    Respuestas
    1. Si, tenlo en cuenta.... en cualquier momento te da por modificar el ancho de tu blog y quizás no te encajen entonces las fotos... no está de más guardarse el truco !

      Claro, las fotos siempre ayudan, si un blog es sólo texto visualmente es muy poco atractivo, y de cara la lectura se vuelve muy "pesado".

      Besos

      Eliminar
  3. Pues oye, fíjate tú que era una de las cosas que no me gustaba de blogger, pero ahora ya sé como cambiar el tamaño de la foto. Mil gracias!

    ResponderEliminar
    Respuestas
    1. Mil gracias a ti, sin gente como tú que se pasa, lee el contenido y lo aplica no habría post !

      Me alegra haberte sido de utilidad.. Lo bueno que tiene Blogger es eso, que te permite modificar todo, eso si, mediante código HTML.

      Besos

      Eliminar

Follow my blog with Bloglovin