Image Effects

[Shloimele]

For some reason, although I have set imageEffects.inlinecontent=true in my hugo.toml, the only way I can get inline images is by adding ?classes=inline to my link parameters. However, if I do that I can't work out the syntax for also specifying width or height. Can anyone help?
BTW: I also specified shadow = true in my hugo.toml and that works just fine!

[McShelby]

Works for me with latest versions of the theme and Hugo.

Please note that inlinecontent=true only works for SVGs.

I need access to your sources to further troubleshoot this issue.

[Shloimele]

Only SVGs. I got 2 png files inline very nicely!

But that aside, how do I get a classes= clause and another attribute (e.g. height or width) in the same argument?

[McShelby]

Only SVGs. I got 2 png files inline very nicely!

I am not sure, if we are on the same page. inlinecontent is for SVGs and prints a local SVG XML into your HTML.

dataurl can put any local image and print your HTML as a data url (this works for SVG too, and you may mistake this as inlining?)

But that aside, how do I get a classes= clause and another attribute (e.g. height or width) in the same argument?

Just don't use classes but the image effects in query parameter as shown on: https://mcshelby.github.io/hugo-theme-relearn/authoring/linking/imageeffects/index.html

![Minion](/images/tn.png?lazy=true&lightbox=false)

I just saw, theres a documenation mismatch between the above page and https://mcshelby.github.io/hugo-theme-relearn/authoring/markdown/index.html#image-effects. I'll fix that.

Meanwhile the prefered way would be something like this:

![Minion](/images/tn.png?dataurl&width=20vw&border)

[Shloimele]

Ah, ampersand! On 9 Jun 2025 00:55, Sören Weber ***@***.***> wrote: Only SVGs. I got 2 png files inline very nicely! I am not sure, if we are on the same page. inlinecontent is for SVGs and prints the SVG XML into your HTML. dataurl can put any image into your HTML as a data url (this works for SVG too, and you may mistake this as inlining?) But that aside, how do I get a classes= clause and another attribute (e.g. height or width) in the same argument? Just don't use classes but the image effects in query parameter as shown on: https://mcshelby.github.io/hugo-theme-relearn/authoring/linking/imageeffects/index.html  — Reply to this email directly, view it on GitHub<#1105 (reply in thread)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/BOVVHRBAOU6RHMAPMPPRVI33CSWKJAVCNFSM6AAAAAB626L3USVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTGNBQGQZTIOA>. You are receiving this because you authored the thread.Message ID: ***@***.***>