Hello again, Alexander
For the past couple of years, my goal has been to keep the use of bitmap graphics in websites to an absolute minimum for reasons of size and scalability…I always aim to design content to look tack sharp at any size from mobile to UHD and found SVG the most straight-forward way to get there.
I am also always searching for ways to implement new web-technologies in engaging ways. Spent a lot of time in Spline 3D lately, as I find WebGL one of the most exciting technologies on the horizon. To me, the ideal website would be an infinitely zoomable vector space/canvas that is resolution-independent.
While I always have my own projects that I am edxperiemnting on, I am currently acting as the CCO (chief creative officer) of a startup called “globalnation.tv” and am in the process of replacing the temporary site I had to crank out for a first demo of our service/product at the Roxy Theater in W. Hollywood in November of last year. I ended up having to use the rather unstable and challenging Wix Studio (or rather Wix Editor) bc it was the only way to quickly pull off an email marketing campaign and site in a week…terrible CMS, though, I think.
The new site that I am working on now using Wix Studio (just as unstable as their old Editor) is using SVG backgrounds and graphics where possible…just to give you a first look, here is the staging site, which I am trying to make the main globalnation.tv site, today…but until I point our domain at it, you can take a peek (desktop-only for now, so please refrain from going there on mobile phone) at https://gntvcompany.wixstudio.io/gntv-2024-staging-2
The reason why I am so eager to get animated SVGs into the fold are manyfold, but one pressing need that I have is that I am trying to get away from Wix, and with WordPress/Elementor Pro being the most obvious solution, Elementor Pro (EP) is proving to come with its own set of limitations, the main one being that aligning foreground/background elements in a pixel-perfect manner, responsively, is costing me a lot of nerve.
So, if you looked the Wix URL above, you will see that our GNTV logo is being revealed with an animation to end up perfectly aligned with the background…since the curve that intersects the logo that I designed is the result of a carefully-considered composition of concentric circles, it is essential that the placement of the logo is pixel-perfect, and remains that way on all possible monitor-resolutions and aspect-ratios.
This was possible for me to achieve in Wix (surprisingly), but is proving to be impossible in EP, so far. The only solution that I see, atm, is to make the logo a part of the background SVG and animate it. However, my first test to use this animated SVG background in the Wix site is failing to animate. Forgot which method (CSS or JS, I chose on Exprot in SVGator, but I’ll try the other one soon).
So, that was a terribly long (sorry) answer to your simple question. ![:wink: :wink:](https://emoji.discourse-cdn.com/apple/wink.png?v=12)
Now that brings me to your question about Lottie. I was wondering about the same thing, but haven’t looked into Lottie enough yet to have a qualified opinion. My gut reaction is that Lottie may be vastly more compatible than animated SVG is right now, but that’s just an intuition. Do you know what browsers fully support Lottoe animations right now, both as background and foreground elements? I’d love to find out more about it.
Hope that we can continue this conversation, Alexander, and make some strides toward making Move the de facto standard for SVG animation!
Warm regards from a cold Berlin,
Till