TallTed
6 Febrero, 2019 17:00
1
Quick image resizing and markdown image dimensions talked about the new “Ninja ,25% for image scaling.
That’s great, if you know the percentage that results in the px you want, and if you have consistently sized or few embedded images.
It’s not so great if you have a number of images of somewhat varying original size and you want them all to scale to (for instance) 250px width.
Changing a number of such images from markdown to HTML markup is also painful.
Any chance this Ninja feature could be enhanced to accept % or px specifications for the scaling?
1 me gusta
Falco
6 Febrero, 2019 17:36
2
That is already supported:
produces
while
produces
7 Me gusta
You can’t just specify the width though.
4 Me gusta
TallTed
6 Febrero, 2019 18:04
4
I had misunderstood the meaning of the |250x190]. I thought that was meant to convey the size of the original, not that it was meant as a scaling.
(Is there one place to look to find documentation of all Markdown-for-Discourse?)
But yes, my wish here is to specify the width to scale to, and have the height be scaled proportionally.
3 Me gusta
sam
6 Febrero, 2019 23:27
5
I am pretty warm to adding support for:
|250x] and |x190] in fact I like this little bit of ninja so much that I will get the change slotted. @pmusaraj can you add this support?
14 Me gusta
pmusaraj
8 Febrero, 2019 13:40
7
This is now done and in tests-passed.
10 Me gusta
sam
21 Febrero, 2019 04:40
9
1 me gusta
pmusaraj
21 Febrero, 2019 13:42
13
Hmm, this is set up to respond to this syntax  works:
I kept this consistent with percentage scaling, which responds to [image|300x100,50%].
1 me gusta
TallTed
21 Febrero, 2019 16:26
14
The percentage scaling ninja markup no longer makes mental sense to me.
[image|300x100,50%] says “show this image (actual size unknown), at 300px by 100px, but wait, scale that by 50%, so show it at 150px by 50px”.
I really don’t understand the point of this kind of notation – because you can just set the pixel sizing however you want it, so why not do the 50% scaling in the first place?
I do not want to specify one display size followed by a second display size, and cannot imagine why anyone would. I just want to say “show this image (of unknown original size) at 150px width, with proportionally scaled height” or “show this image (of unknown original size) at 150px height, with proportionally scaled width”.
2 Me gusta
snsnjsn
26 Octubre, 2019 06:34
15
the same question i want to ,just tell picture ,it is 200px width ,and skip height
jord8on
6 Febrero, 2020 01:09
16
Me gustaría tener esta opción también.
Solo para recapitular, parece que la sintaxis actual para escalar imágenes (con espacios para mayor legibilidad) es:
! [ NOMBRE_IMAGEN | ANCHOxALTO, PORCENTAJE_ESCALA ] ( UBICACION_IMAGEN )
Creo que sería genial si pudiéramos escalar SOLO el ANCHO o la ALTO e introducir la palabra AUTO para la dimensión correspondiente.
Por ejemplo: digamos que quiero que esta imagen tenga 150px de ancho, pero no quiero calcular la proporción para ajustar la altura a la resolución adecuada…
Me encantaría si pudiéramos reemplazar el ANCHO con 150 y la ALTO con auto de la siguiente manera…
¿Qué opinas @Falco ?
sam
6 Febrero, 2020 01:19
17
Sigo pensando que la propuesta original es un poco más fácil de explicar.
Pegar:
Luego editar a:
Ahora funciona según esto, pero es un poco más difícil de explicar:
@jord8on esto ya funciona todo, esta es la sintaxis que buscas:
[muy bueno|250x190,150x]
4 Me gusta
jord8on
6 Febrero, 2020 02:31
18
Ahhhhh @sam , gracias por la redirección. La funcionalidad actual es PERFECTA, si he entendido correctamente ahora.
Veamos si lo he captado bien…
“x” representa “auto”
Si uso “x” antes de un número, representará el ancho. Por ejemplo: x150 = "width: auto; height: 150px;"
Si uso “x” después de un número, representará la altura. Por ejemplo: 150x = "width: 150px; height: auto;"
––––––––––––––––––––––––––––––––––––
Probemos eso con esta imagen que tiene "width:600px; height: 200px;"
La sintaxis de inserción predeterminada es:
que se ve así…
La siguiente imagen ha sido escalada a un ancho de 200px (altura = x = auto):
que se ve así:
La siguiente imagen ha sido escalada a una altura de 100px (ancho = x = auto):
que se ve así:
––––––––––––––––––––––––––––––––––––
Parece que funciona de maravilla. Me alegra mucho haberlo entendido y ahora poder usarlo.
¡Gracias @sam por la rápida respuesta!
9 Me gusta
feature” to add 
I am having a bit of trouble with this…
