Transformaciones para fotos en blogger(blogspot)

 Los efectos en fotos en las CMS normalmente son agregados con otros servicios externos de procesamiento de imágenes como Cloudinary entre otros.

Sin embargo Blogger.com está agregando algunos efectos de recorte al hosting propio de imágenes:

Veamos algunos ejemplos:

Tamaño original de 4032 × 3024
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZNsfYcrxis_mvYRzJDUT5oI-Sc1A06nh_Vm_d_3_xFewu4AuLM8KjsUxUIr4vLls0vpJ66ZvEkTHc4lhIUW3ApJrtZqHgJ3YaG8wPb_enKlNeO2YIiJJiiQRkJc3aQujsOJi5KXHbk4C/s16000/deperu-com-dclGBWd-2nU-unsplash.jpg" />


Ahora vamos a recortar a FullHD


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZNsfYcrxis_mvYRzJDUT5oI-Sc1A06nh_Vm_d_3_xFewu4AuLM8KjsUxUIr4vLls0vpJ66ZvEkTHc4lhIUW3ApJrtZqHgJ3YaG8wPb_enKlNeO2YIiJJiiQRkJc3aQujsOJi5KXHbk4C/w1920-h1080-p-k-no-nu/deperu-com-dclGBWd-2nU-unsplash.jpg" />


Ahora vamos a recortar a una franja horizontal


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZNsfYcrxis_mvYRzJDUT5oI-Sc1A06nh_Vm_d_3_xFewu4AuLM8KjsUxUIr4vLls0vpJ66ZvEkTHc4lhIUW3ApJrtZqHgJ3YaG8wPb_enKlNeO2YIiJJiiQRkJc3aQujsOJi5KXHbk4C/w1920-h480-p-k-no-nu/deperu-com-dclGBWd-2nU-unsplash.jpg" />


Las posibilidades de recorte pueden ir de acuerdo a las necesidades del editor, puedes crear imágenes verticales u horizontales, todo depende de tu catálogo de imágenes .

Los parámetros de configuración se encuentran en:


w1920-h480-p-k-no-nu

Donde:

h = height (alto)

w = width (largo)

...


Photo by DePeru.com on Unsplash


Comentarios

  1. Me interesa mucho ganar dinerito mensualmente por ser administradora en grupo de facebook yo ahí pierdo mucho tiempo ya no puedo ni hacer mis cosas porque tengo que aceptar la publicaciones y aceptar la solicitud de los miembros del grupo

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Superponer una imagen sobre otra con CSS

¿Ganas dinero en Facebook con Página, Grupo, Comunidad, etc?

Script para buscar palabras o textos en una página (html) con Jquery