Cómo cambiar el tamaño de una imagen o vídeo en el Blog

¿Cómo cambiar el tamaño de la imagen para Blogger y WordPress? Aquí te explico cómo ajustar el Alto y el Ancho de tu imagen o vídeo usando la consola.

¡Hola! soy Gabriela de peengler.com. En este tutorial te ayudare a modificar el tamaño de tus imágenes y vídeos, porque últimamente veo este problema en muchos sitios. Ya sea, en sus entradas o en la barra lateral.

Cambiar el tamaño en la imagen y video en el blog

Clic en la imagen para ver el vídeo ↑ en Youtube

Tamaño de la imagen para Blogger y WordPress

A veces ajustar tus fotos sin perder la resolución puede ser un poco complicado, por ahora quiero que te centres en el tamaño. No importa sino entiendes de código, aquí te lo explico paso a paso.

Este es el típico error en las imágenes ↓

imagen no se ajusta correctamente

Lo ideal es lo siguiente ↓

imagen se ajusta correctamente

Cambiar el tamaño de la imagen para Blogger

Primero debes buscar: ]]></b:skin> Luego copias y pega el CSS (como lo explico en el vídeo).

En Worpress:

Debes buscar el siguiente plugin, luego instalarlo y activarlo.

Plugin Code Snippets para wordpress

Una vez que tengas disponible donde colocar el código, aplica lo siguiente

Código para cambiar el tamaño de la imagen y vídeo

CSS


.video{
text-align: center;
}

@media (min-width: 0px) and (max-width: 767.98px) { 

.column-center-outer img {
width: 100%;
height: auto;
}


.video {
  position: relative;
  padding-bottom: 56.25%; 
  padding-top: 25px;
  height: 0;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin:auto;
  }
}

Guardas los cambios.

Para añadir que tu vídeo se vea bien en tu post, aplica esta línea:

HTML

<div class="video">
Aquí código del video
</div>

Artículo relacionado:

Cómo crear un blog en Blogger

¿Cómo hacer que las imágenes se carguen más rápido?

Te explico cómo acelerar la carga de la imagen en tu blog, usando un plugin para wordpress y un script para blogger ¡Fácil y rápido!

En conclusión:

Debes tomar en cuenta que al cambiar el tamaño en la imagen o vídeo para cualquier dispositivo. Lo que se quiere es que tus lectores disfruten de tu lugar, todo ordenado, limpio y además con buenos contenidos.

O ¿prefieres un sitio en donde NO sabes qué hacer? porque todo es un caos. Pues yo no, a mí me gusta todo lo lindo.

Si encuentras a alguien con estos problemas en sus imágenes y vídeos, por favor comparte este post.

¿Tienes alguna duda? Déjamelo en los comentarios

¿Te gusto el post?
¡Compártelo!
Gabriela Laya

Gabriela Laya

Me gusta el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs.