Como evitar esa molesta imagen y aprende a escalar imágenes sin editar

in spanish •  3 months ago

   
El problema

   Apuesto que estás cansado de ver que cuando colocas tu post de steemit en una sala de cualquier servidor de Discord te salga la tan famosa "caca"💩, porque la aplicación no puede mostrar la imagen de portada. Yo me tomé la tarea de investigar que ocurría, algunos pensaban que era una falla del Discord, otros que eran problemas con el internet y algunos hasta que podía ser por el formato de la imagen; pero no, el problema es sencillo de ubicar y fácil de resolver.

   
El detalle

   Resulta que de alguna manera hay usuarios que al subir una imagen a steemit, el sistema les coloca o antepone un trozo de link o codigo al de su imagen que sirve para regular el tamaño de una imagen pero que el sistema en el Discord no puede leer correctamente, ese enlace se presenta se la siguiente manera dentro del editor de tu publicación en steemit:

https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmT4hYBkCdmB17xeKbKEFJ5615rpuuFDkNsio9o6Ch5M2W/Abstracto.jpg

   Lo que hace que no se pueda visualizar tu portada en el Discord es ésta parte:

https://steemitimages.com/0x0/

   Como puedes observar, el código que se antepone al link de la imagen no debería estar allí, basta con borrarlo y guardar la publicación, entonces tu portada será visible en Discord perfectamente. La parte que dice 0x0 puede cambiar por otros números diferentes a cero, dependiendo de lo que haya colocado el navegador, pero el procedimiento es el mismo.

   
El tamaño importa

   Éste mismo código nos puede servir para cambiar el tamaño de cualquier otra imagen de nuestro post sin que eso afecte a el problema anterior mencionado, es decir, lo que es perjudicial para la portada, es útil para el resto de las imágenes de nuestra publicación.

Solo debes agregar el codigo antes mencionado (https://steemitimages.com/0x0/), pegado y antes del link de nuestra imagen, no importa si es JPG, GIF o PNG; solo debes cambiar uno de los ceros por el valor que se adapte a tu gusto y tamaño de imagen que te convenga, tomando en cuenta que el tamaño es en pixeles. Yo siempre cambio el primer cero porque es el que determina el ancho.

Poner números diferentes a las proporciones normales de la imagen subida no deformará la imagen, es decir, si subimos una imagen de 800x400, aunque le pongamos 500x30 el valor que tomará será el mayor y el otro lo descartará.

   
Ejemplo:

   Creé una imagen abstracta en Photoshop para mostrarles como se puede escalar la imagen directo desde el editor de steemit sin necesidad de tener que redimensionar usando un programa de edición de imágenes, usé 300, 200, 100 y 50 pixeles como muestro a continuación:

https://steemitimages.com/300x0/https://cdn.steemitimages.com/DQmT4hYBkCdmB17xeKbKEFJ5615rpuuFDkNsio9o6Ch5M2W/Abstracto.jpg https://steemitimages.com/200x0/https://cdn.steemitimages.com/DQmT4hYBkCdmB17xeKbKEFJ5615rpuuFDkNsio9o6Ch5M2W/Abstracto.jpg https://steemitimages.com/100x0/https://cdn.steemitimages.com/DQmT4hYBkCdmB17xeKbKEFJ5615rpuuFDkNsio9o6Ch5M2W/Abstracto.jpg https://steemitimages.com/50x0/https://cdn.steemitimages.com/DQmT4hYBkCdmB17xeKbKEFJ5615rpuuFDkNsio9o6Ch5M2W/Abstracto.jpg

Deben quedar de la siguiente manera:





Si notan, usé el mismo link de imagen, solo agregue el trozo de código y le cambie los valores de los pixeles en cada una. Espero que pongan en práctica esto para mejorar sus publicaciones, simplificar y ahorrar tiempo en la edición.

Secreto revelado


Material de otros autores:

terminator, mago, mago final,
la imagen abstracta que usé de ejemplo es hecha por mi en Photoshop CS6.

Gracias por leer estas palabras de mi autoría.


BarnerMega.png

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:  

Nunca me ha sucedido lo que dices en el Discord, pero es un buen trozo de código para jugar con el tamaño de las imágenes en steemit, yo usualmente cambiaba el tamaño con un editor de imágenes, pero con esto será mas rápido.
¡Muchas Gracias!

·

Es super practico, es mi herramienta principal a la hora de usar varias imágenes, como dicen los españoles: toda una pasada.

excelente, quiero aprender mucho mucho más, ya paresco una esponja de tanto absorver cosas.

·

Uno nunca deja de aprender y bueno de lo que yo voy aprendiendo, les voy pasando la info de esta manera.

Hermano gracias a sido de mucha ayuda

·

Me alegra que te sea de utilidad, cumplido el cometido.

Interesante, no tenía idea... gracias por revelar el secreto jejeje
Saludos!

·

Si, era algo que tenia tiempo viendo, pero nunca me había pasado ,pero de ver que tantos amigos les pasaba decidí investigar.

Gracias por investigar y compartir. Saludos.

·

De nada hermano, se comparte lo bueno que sirva para el crecimiento de todos.

Que valiosa informacion amigo. "MegaEla lo ha vuelto hacer". XD

·

¿Yo? No, ese fue el enmascarado que me pasó esa información, los créditos.

·
·

Bueno jajaja. xD

hola muy bueno me paso varias veces ya no también pensé que era algo de la pagina con algunos link pero gracias por tu aportación

·

Me alegra que pueda servirles de ayuda.

Muchas veces me preguntaba lo mismo, ya una duda menos, gracias por compartir.Excelente explicación.

·

Todo en esta vida tiene solución, y te aseguro que algunos sabían eso pero se lo quedan calladitos, cuando lo mejor es compartir.

El mago enmascarado jaskjaksaksakjsakjs. Gracias por la informción, mano. Yo había preguntado una vez en el discord xq salía el pupú ese a veces y no obtuve respuesta.

Saludos y gracias nuevamente.

·

Si, pocos saben eso y a los que no les ha pasado no le paran a eso pero yo me tome eso como mio para ayudarles.

Congratulations @megaela! You have completed the following achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of posts published

Click on the badge to view your Board of Honor.
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Do not miss the last post from @steemitboard:
SteemitBoard World Cup Contest - Semi Finals - Day 1


Participate in the SteemitBoard World Cup Contest!
Collect World Cup badges and win free SBD
Support the Gold Sponsors of the contest: @good-karma and @lukestokes


Do you like SteemitBoard's project? Then Vote for its witness and get one more award!

Ahora entiendo eso de la "caca", era un misterio para mí. Muchas gracias por aclarar este asunto. Nunca he sido bueno editando imágenes, así que es la parte que más trabajo me cuesta, incluso más que la escritura.

·

Que bueno que te te pueda ser útil esto, te recomiendo los tutoriales de youtube, de allí se aprende mucho.

Excelente tu post. Esta buenísimo. Ya tenemos otro soporte técnico al cual recurrir. Muchas gracias por la ayuda.

·

Siempre trayendo aportes útiles a la comunidad, es un placer servirles.

Solo me ha pasado una sola vez, pero fue muy molesto, gracias por la solución!

·

Son herramientas y tips que uno va encontrando y hay que compartir para el bien común.

Aleluya el pupú de Discord tiene sus días contados.

Excelente post de verdad no me explicaba el porque a veces me salia la caca al promocionar mi post en los canales de discord, muy bueno gracias @magaela

·

Me alegra serles de utilidad sobre todo en algo tan molesto e incomodo como eso.

Vertale ese es el propio post

·

Aprovecha la oferta que es por tiempo limitado!! jajaja

Muy buen aporte, en verdad me había pasado antes en el Discord. Muchas gracias por tu aporte

·

Me alegra que les pueda servir esto, espero poder seguir trayendo cosas útiles.

Esa guía, les va ayudar a muchos, gracias por compartirla

·

Es un gusto aportar cosas útiles a la comunidad, ademas que se que soluciona un problema muy incomodo. Gracias por el apoyo.

jajajaja secreto revelado, muy muy buen post, toma tu votico y te sigo mi pana.

buenísimo me encanto, excelente tenía esa duda gracias xD

buenísimo me encanto, excelente tenía esa duda gracias xD

Excelente tips.... me encanta.... gracias por el aporte...

Interesante @megaela. Eso me ha pasado como dos veces, preguntaba y nada pero me fastidiaba porque pensaba que mis posts eran una caca ja,ja,ja. Gracias por esa nota especial. Nunca se deja de aprender definitivamente.

Dejemos la caca a un lado. Excelente post mi hermanazo, muy buena información para aquellos que no saben como resolver ese problema.
Saludos y éxitos.

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by MegaEla 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.

Muchas gracias por la información. Casi siempre me salía la molesta imagen y no sabía cómo solucionarlo.

Cuando se redimensiona la imagen de esa manera, igual debe aparecer la vista previa, verdad? Porque lo he intentado y me aparece como cuando las imágenes no cargan por una conexión lenta de internet.

·

Hola, como dice allí, no debe hacerse para la imagen de portada, por lo menos en discord daña la visualización de la portada. Solo debe hacerse para las imágenes secundarias.

·
·

Sí, ya lo había leído, preguntaba para las imágenes secundarias, pero ya lo coloqué como era. Es que lo había visto en otro post, pero en ese tenía un / de más y bueno, eso era lo que no funcionaba.
Gracias por responder!