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

megaelaPosted for Everyone to comment on, 5 years ago4 min read

Hace un tiempo hablé de un inconveniente que se presentaba en Steemit con las portadas de nuestros post cuando los colocamos el link en Discord, también de como utilizar eso mismo a nuestro favor para hacer algo muy útil, también es posible en Whaleshares.

El problema

Apuesto que estás cansado de ver que cuando colocas tu post de Whaleshares 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 Whaleshares, 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 Whaleshares:

![](https://imgp.whaleshares.io/700x0/https://whaleshares.io/imageupload_data/9463165de969336dfbf62bf5d7ac83c6c42c0bb9)

`![](https://imgp.whaleshares.io/0x0/https://whaleshares.io/imageupload_data/9463165de969336dfbf62bf5d7ac83c6c42c0bb9)`

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

`https://imgp.whaleshares.io/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://imgp.whaleshares.io/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á. En el caso de imágenes .gif animadas, la animación se perderá y solo será visible el primer cuadro.

Ejemplo:

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

![](https://imgp.whaleshares.io/400x0/https://whaleshares.io/imageupload_data/15216dd3f1151b9cd80179433d941c7c39fa71fd) ![](https://imgp.whaleshares.io/300x0/https://whaleshares.io/imageupload_data/15216dd3f1151b9cd80179433d941c7c39fa71fd) ![](https://imgp.whaleshares.io/200x0/https://whaleshares.io/imageupload_data/15216dd3f1151b9cd80179433d941c7c39fa71fd) ![](https://imgp.whaleshares.io/100x0/https://whaleshares.io/imageupload_data/15216dd3f1151b9cd80179433d941c7c39fa71fd)

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 ![](https://whaleshares.io/imageupload_data/f9dadd7c5e109c8ff8045a531fa66a8fc5f21a2b)

Material de otros autores:

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