Cómo subir imágenes largas para expositores

Una simple guía para cargar imágenes (o GIFs) en steam con altura infinita. Muy util para ponerla en tu expositor de Artwork o Capturas.

Esta es una referencia rápida y breve. Por favor antes de utilizar estos códigos, lea la guía para entender el uso de estos.

$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');

$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id',''),$J('[name=file_type]').val(5);

Vista Previa

En esta guía te indicara como cargar imágenes largas en el expositor de Artwork o capturas de pantalla. Un gran agradecimiento especial a MightyG3 y ash por el descubrimiento de esta vulnerabilidad que cambió completamente los Artwork del perfil de Steam, no solo eso también por permitirme adaptar y actualizar esta guía al español.

Debes tener al menos el nivel 10 en steam para tener un expositor de Artwork o Capturas.

Asegúrate de no subir imágenes con un rango de resolución demasiado bajo. steam.design[steam.design] recortará automáticamente su fondo de Steam a sus dimensiones correctas de resolución.

Si estás utilizando el Expositor de Artwork normal (1 middle and 1 side); que traducido "1 central y 1 lateral" para Artworks intermedios, el ancho debe ser de 506 píxeles de ancho y la altura es libre de escoger. Después de lo anterior, el Artwork lateral debe tener 100 píxeles y la misma altura que el de medio si desea que se alinee correctamente.

En tal caso, si está utilizando el Expositor de Artwork destacado, que es solo una imagen/ilustración intermedia en tamaño expandido, debe tener 630 píxeles de ancho y cualquier altura al gusto.

Instrucciones

　
Abra el siguiente enlace en su navegador Firefox o Google Chrome.

https://steamcommunity.com/sharedfiles/edititem/767/3/

Selecciona tu Artwork en Seleccionar archivo.

Clic derecho en cualquier parte de la página, haga clic en inspeccionar / inspeccionar elemento y luego vaya a la "Consola".

O use atajos desde el teclado.
Atajo para Google Chrome: Ctrl+Shift+J
Atajo para FireFox: Ctrl+Shift+K

Solo para Firefox: después de abrir la consola, MANUALMENTE escriba "allow pasting" sin comillas y luego remuevalo (no es necesario presionar enter). Por defecto, Firefox no le permitirá pegar los códigos en la consola y esto los deshabilitará.

Pega uno de estos códigos en la consola y presione Enter. Solo uno de estos códigos debe usar, no ambos.

Ignora la vista previa de la imagen si muestra la imagen/GIF incorrecta o no aparece nada. Se cargará a ultimas con el Archivo seleccionado.

Ingresa esta línea de código en la consola para cargarlo como un Artwork:

$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');

Ingresa esta línea de código en la consola para cargarlo como una Captura:

$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id',''),$J('[name=file_type]').val(5);

Ahora simplemente ponga un título y una descripción, marque la casilla "Certifico que he creado este Artwork", luego "Guardar y Continuar".

IMPORTANTE: En la página de selección de artwork, su artwork aparecerá como una sola línea negra. Eso está perfectamente bien y significa que el código funcionó.

Extras

Ingles.
https://steamcommunity.com/sharedfiles/filedetails/?id=748624905

Frances.
https://steamcommunity.com/sharedfiles/filedetails/?id=2787345005

Ruso.
https://steamcommunity.com/sharedfiles/filedetails/?id=1102484221

Aquí hay algunas otras guías muy útiles para cargar Artwork (la verdad estoy escaso de permisos para traducir guías, así que pondré mis mejores guías):
https://steamcommunity.com/sharedfiles/filedetails/?id=956258653

https://steamcommunity.com/sharedfiles/filedetails/?id=839078933

• MightyG3 por el estupendo exploit <3
  
• ash por juntar el código, diseñar y crear la guía.
  
• Oddball por trabajar en steam.design, mejorar la claridad de la guía y acortar el código.
  
• Aevoa por la creación del diseño y muchas otras guias.
  
• David por la nueva versión del código que evita ser sobrescrito.

Y un agradecimiento especial a Tithen-Firion que ya no está con nosotros.

Encuentre más ayuda sobre steam.design en Steam.Design Discord[discordapp.com] o discutir artwork o su perfil en Steam Artwork Discord[discord.gg]

Esta guia esta autorizada a la adaptación al español por ash.

Recuerde: compruebe que copie y pegue el código correctamente y HAGA LOS PASOS EN ORDEN

Si estás utilizando el Expositor de Artwork normal (1 middle and 1 side); que traducido "1 central y 1 lateral" para Artworks intermedios, el ancho debe ser de 506 píxeles de ancho y la altura es libre de escoger. Después de lo anterior, el Artwork lateral debe tener 100 píxeles y la misma altura que el de medio si desea que se alinee correctamente.

En tal caso, si está utilizando el Expositor de Artwork destacado, que es solo una imagen/ilustración intermedia en tamaño expandido, debe tener 630 píxeles de ancho y cualquier altura al gusto.

[𖤐Morgana Gillespie]

Funcionó perfectamente <3

[Militar_Coach]

perdon lo hice pero no me aparece la imagen solo la linea negra??? no entiendo hice todo como me dijistes pero quiero que me aparezca la imagen no la linea negra!!!

[Lukyta22]

Una pregunta ¿Cómo se hace para publicar Arte con muchos colores y demás cosas? Porqué dice que steam permite solo 5MB de subida de archivos y veo a veces que gente publica artes super extensos o hasta parecen 4k ¿Cómo hacen para convertir eso en un gif y que solo pese menos de 5MB?

[ChangoDeD10S]

Y si quiero poner uno que sea de 3, osea uno a la izquierda uno al medio y otro a la derecha?

[Yuri-kun]

ty, +rep

[> One 999]

el gif Vertical es el expositor unico con diseño tanto horizontal como vertical; crea un diseño unico y usa el exploit

[Nothing]

y para una guia con gif vertical ?

[Blackshot]

how to create one single image showcase in the middle without any partition?

[oame]

rate.

[金贤宇 ¹⁹ᵏ]

$J('[name=consumer_app_id]').val(480);$J('[name=file_type]').val(0);$J('[name=visibility]').val(0);