(((meta (@ (content . "Zettelmarkup: Image Embedding") (name . "title"))) (meta (@ (content . "manual") (name . "role"))) (meta (@ (content . "#manual #zettelmarkup #zettelstore") (name . "tags"))) (meta (@ (content . "zmk") (name . "syntax"))) (meta (@ (content . "00001005090000 00001007040320 00001007040324 00001007990000") (name . "back"))) (meta (@ (content . "00001005090000 00001007040320 00001007040324 00001007990000") (name . "backward"))) (meta (@ (content . "1") (name . "box-number"))) (meta (@ (content . "(c) 2020-present by Detlef Stern <ds@zettelstore.de>") (name . "copyright"))) (meta (@ (content . "20210811154251") (name . "created"))) (meta (@ (content . "99999999999999") (name . "dead"))) (meta (@ (content . "00000000040001 00001007050000") (name . "forward"))) (meta (@ (content . "en") (name . "lang"))) (meta (@ (content . "EUPL-1.2-or-later") (name . "license"))) (meta (@ (content . "20241202101206") (name . "modified"))) (meta (@ (content . "20241202101206") (name . "published"))) (meta (@ (content . "public") (name . "visibility")))) (p "Image content is assumed, if an URL is used or if the referenced zettel contains an image.") (p "Supported formats are:") (ul (li "Portable Network Graphics (" (@L (@H "&ldquo;") "PNG" (@H "&rdquo;")) "), as defined by " (a (@ (href . "https://tools.ietf.org/html/rfc2083") (rel . "external")) "RFC 2083") ".") (li "Graphics Interchange Format (\"\"GIF\"), as defined by " (a (@ (href . "https://www.w3.org/Graphics/GIF/spec-gif89a.txt") (rel . "external")) "https://www.w3.org/Graphics/GIF/spec-gif89a.txt") ".") (li "JPEG / JPG, defined by the " (em "Joint Photographic Experts Group") ".") (li "Scalable Vector Graphics (SVG), defined by " (a (@ (href . "https://www.w3.org/Graphics/SVG/") (rel . "external")) "https://www.w3.org/Graphics/SVG/")) (li "WebP, defined by " (a (@ (href . "https://developers.google.com/speed/webp") (rel . "external")) "Google"))) (p "If the text is given, it will be interpreted as an alternative textual representation, to help persons with some visual disabilities.") (p (a (@ (href . "00001007050000")) "Attributes") " are supported." " " "They must follow the last right curly bracket character immediately." " " "One prominent example is to specify an explicit title attribute that is shown on certain web browsers when the zettel is rendered in HTML:") (p "Examples:") (ul (li (p (a (@ (id . "spin")) (code "{{Spinning Emoji|00000000040001}}{title=Emoji width=30}")) " is rendered as " (span (@ (class . "example")) (img (@ (alt . "Spinning Emoji") (src . "00000000040001") (title . "Emoji") (width . "30")))) ".")) (li (p "The above image is also the placeholder for a non-existing invalid zettel or for using an invalid zettel identifier:") (ul (li (code "{{99999999999999}}") " will be rendered as " (span (@ (class . "example")) (img (@ (alt . "Error placeholder") (src . "00000000040001")))) ".") (li (code "{{00000000000000}}") " will be rendered as " (span (@ (class . "example")) (img (@ (alt . "Error placeholder") (src . "00000000040001")))) ".")))))