Ring of Brodgar:SVG images

Some images on RoB, like the skill-tree image or silk-farming image, seem nice targets for doing them as SVG images.

Some info and potential applied standards seem useful here.

Raster-image can be included inside svg files. Although not as dynamic links (due to security reasons). But as raw base64 data stream.
Best practice here would be to drop all used raster-images inside a "<defs>" section.

	<defs>
		<image id="silkmoth" xlink:href="data:image/png;base64,(data)\>
		<image id="silkcloth" xlink:href="data:image/png;base64,(data)\>
		<!-- etc -->
	</defs>

Any additional image prepping, like creating a block with lots of the same images, would also best be dropped in the "defs" section. Here one would just specify the related block-offsets.

		<g id="silkegg_block">
			<g id="silkegg_hline">
				<use href="#silkegg" x="0"/>
				<use href="#silkegg" x="32"/>
				<!-- etc -->
			</g>
			<use href="#silkegg_hline" y="0"/>
			<use href="#silkegg_hline" y="32"/>
			<!-- etc -->
		</g>

The final placement would be done at the final rendering part.

<use href="#silkegg_block" y="123" x="456"/>

Links

See about some useful links to online tools and docs.

Personally I advice against using big SVG tools like Inkscape. As the general target here is "easy to read & maintain" SVG images.

SVG test image (animated): File:Svg test.svg ... Failed to preview on upload (see what is the problem here, later)

--.MvGulik. 08:37, 22 August 2022 (UTC)