It has occurred to me that there is a use for stretching normal sized GIFs and PNGs. One of the issues the Interactive Diagrams have had on my phone is that as the spaces get smaller than the pieces, the pieces get cropped, which looks really bad. For example, the one I made for Chess has this problem. But the one for Ultima does not have this problem, because the pieces are shrinking to fit the smaller space. This greatly improves the appearance of Interactive Diagrams on phones, and it removes one nagging issue I had with using Interactive Diagrams in place of static images. (The one remaining issue is that the spaces become rectangular on my phone. It would help to include some CSS for preserving the aspect ratio of spaces as they shrink to fit a small space.)
With this in mind, I had XnView do some mass file conversions on the Abstract and Motif pieces, and I uploaded these to new directories to test them out. I updated the Interactive Diagram to use them, and the extra space added to each image appears to be transparent. All I did, though, was set it to #00FF00, the same color used for the transparent color, and hoped that was good enough. So, I'll do some more testing later.
It has occurred to me that there is a use for stretching normal sized GIFs and PNGs. One of the issues the Interactive Diagrams have had on my phone is that as the spaces get smaller than the pieces, the pieces get cropped, which looks really bad. For example, the one I made for Chess has this problem. But the one for Ultima does not have this problem, because the pieces are shrinking to fit the smaller space. This greatly improves the appearance of Interactive Diagrams on phones, and it removes one nagging issue I had with using Interactive Diagrams in place of static images. (The one remaining issue is that the spaces become rectangular on my phone. It would help to include some CSS for preserving the aspect ratio of spaces as they shrink to fit a small space.)
With this in mind, I had XnView do some mass file conversions on the Abstract and Motif pieces, and I uploaded these to new directories to test them out. I updated the Interactive Diagram to use them, and the extra space added to each image appears to be transparent. All I did, though, was set it to
#00FF00, the same color used for the transparent color, and hoped that was good enough. So, I'll do some more testing later.