Recorte de imágenes para portadas/miniaturas de tus post.

in spanish •  7 years ago 

¡Hola Mosqueteros!

El día de hoy vamos a aprende cómo elegir o recortar las imágenes para que tengan el tamaño adecuado para las carátulas de nuestros post. Esto con el fin de que nuestras imágenes se vean perfectas en las miniaturas.

Recorte.jpg

A todos en algún momento no ha ocurrido que creemos tener la imagen perfecta para nuestra publicación pero al momento de publicar y ver la miniatura hemos descubierto otra realidad.

Screenshot from 2018-03-02 11-04-42.png
Screenshot from 2018-03-02 11-39-00.png

Caras o cuellos cortados, zonas ocultas, etc. Es algo muy común y sobre todo para muchos de nosotros que nunca nos vimos como "blogueros".

¿Cómo podemos lograr que las imágenes se vean bien?

Lo primero que hay que entender es que para que una imagen de despliegue de forma correcta en la miniatura debe tener el ratio o relación de aspecto adecuada.

¿Qué es la relación de aspecto?

La relación de aspecto define que tan ancha debe ser una imagen respecto a su altura. En el caso de las miniaturas de Steemit el ratio ideal es de 16X9. Esto quiere decir que si por ejemplo una imagen tiene 16 centímetros de alto, entonces debe tener 9 centímetros de ancho. Esta es una relación proporcional, es decir podemos dividir ambas medidas a la mitad y la imagen se mostraría de forma adecuada. Siendo aún mas precisos, para que una imagen se muestre adecuadamente, al dividir el ancho entre el largo debemos obtener 1.77

Tranquilo Einstein, yo solo quiero que mi imagen se vea bien.

Ok, ok. Para los experimentados en las artes gráficas solo deben establecer dicha relación en las dimensiones de sus imágenes. Por otro lado para los que no quieran meterse con programas de diseño pueden muy bien utilizar herramientas "online" para recortar sus imágenes de forma adecuada.

Para éste pequeño tutorial vamos a utilizar la herramienta:

https://croppola.com/

Inmediatamente al entrar a la pagina tendremos una zona blanca en donde podemos cargar nuestras imágenes.

Screenshot from 2018-03-02 11-33-28.png

El proceso es tan sencillo como arrastrar la imagen que queremos cortar a la zona blanca. Hay que tener en cuenta que de forma ideal, debemos elegir imágenes mas anchas que largas. Como ejemplo tomaremos una de las imágenes del pobre individuo que tomamos como ejemplo mas arriba.

Screenshot from 2018-03-02 11-45-13.png

Al arrastrar la imagen a la zona blanca, ésta se convertirá en roja. Al soltar la imagen se cargará automáticamente.

Screenshot from 2018-03-02 11-45-30.png

Una vez cargada nos interesa la configuración que he marcado dentro del círculo azul. La primera sección dice "Aspect Ratio", debemos elegir 16X9

Screenshot from 2018-03-02 11-52-37.png

Ya que hemos elegido 16X9, el rectángulo blanco que forma la zona clara dentro de la imagen cambiará al tamaño adecuado y el ratio del rectángulo quedará correctamente definido. La zona clara define el recorte que haremos a nuestra imagen. Podemos cambiar el tamaño del rectángulo en la sección Crop size con las opciones small, medium y big. También podremos cambiar el tamaño arrastrando la orilla del rectángulo.

Para mover el rectángulo basta con mantener el clic izquierdo presionado dentro de la zona clara del rectángulo y mover el "ratón" a la parte de la fotografía que queremos mostrar.

Screenshot from 2018-03-02 11-59-13.png

Ya que hemos definido la zona deseada, damos clic en el botón amarillo para descargar la imagen. Automáticamente nos saltará el menú para guardarla.

Screenshot from 2018-03-02 12-03-58.png

La imagen descargada se habrá recortado al tamaño adecuado para mostrarse correctamente como miniatura.

DQmaDVzKt6wpCZdyoorfoivUHtJNURWmQ8RAb1h32aBfFPf Cropped(1).jpg

Bueno mosqueteros, este post fue meramente introductorio para mostrar lo que significa el ratio y recortar nuestras imágenes para que se desplieguen de forma adecuada en las miniaturas.

Mediante otras herramientas podemos también añadir texto a la imagen y hacer portadas mas elaboradas, pero dejaremos esos tutoriales para otra ocasión.

¡Saludos Mosqueteros!

¿Te interesa formar parte de Mosqueteros?

Te invitamos a leer nuestro post de presentación donde encontrarás todos los detalles del proyecto Mosqueteros. Podrás comunicarte con nosotros, participar en nuestras dinámicas y convivir con toda la comunidad en nuestro canal de discord, abajo te dejamos el enlace.

Discord

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Me encantaaaa. ¡Gracias por estos y los tan útiles! Ahora tendré mis imágenes perfectas jajajaja :-)

yo uso este me sale mucho mejor y mas rapido
https://app.prntscr.com/es/

Hay apps muy buenas. Yo en particular uso GIMP, pero la idea era ofrecer una alternativa sencilla que no tuvieran que instalar en sus ordenadores. ¡Saludos!

@mosqueteros, gracias por esta maravillosa herramienta. Me será de mucha utilidad, gracias por compartir.

Gracias por todo su apoyo =)

gracias por la informacion amigo mosquetero

:D

@mosqueteros educando! perfecto!

Excelente, me ha encantado mucho ésta publicación. Espero que más adelante hagan un post sobre las fotos de portadas, con su medidas y creatividad para esa parte, felicidades!!

Lo tendremos en cuenta :D Para el caso de las medidas, solo debes buscar que cumplan el ratio 16X9, es decir que el ancho sea aproximadamente el doble que el alto (1.77 veces para ser preciso). Gracias por comentarnos ¡Saludos!

Fuente
Plantilla cortesía de @elguarodigital

¡Hola @mosqueteros! Excelente aporte para mejorar la calidad de nuestros post. Algo que no reparamos hasta que no se publica el psot y vemos el detalle del tamaño de la imagen en portada. Gracias por este post. Saludos y todo lo bueno. ¡Todos para uno y uno para todos!

Dimitar Correa Voutchkova
"En el principio estaba la palabra, luego internet y ¡finalmente blockchain! Por eso, piensa divergente, piensa blockchain"


Muy util la info :)

Excelente información, me ha pasado muchas veces lo de las imágenes cortadas al momento de publicar, gracias por la ayuda mosqueteros

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by mosqueteros from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Hola amiga gracias por hacer esta publicación. Te felicito. Muy útil.