Anything I should know to adapt my website to Safari 26?

To adapt your website to Safari 26, here are some key updates and features you should consider:

1. SVG Icons: Safari now supports SVG icons, which can be used as favicons and are visible in bookmarklets and on the Safari Start page. SVG icons are generally smaller in file size compared to PNGs and can be dynamically generated to suit different contexts (What’s new in Safari and WebKit).

2. HDR Images: Safari 26 introduces support for HDR images, allowing for richer and more vibrant media presentation. This complements the existing support for HDR videos (What’s new in Safari and WebKit).

3. 3D Models and Spatial Media: You can now embed 3D models using the new HTML model element, which allows for stereoscopic display and interaction. Safari also supports various spatial media formats, including Apple Immersive Video, which can be added to your web pages using the HTML video element (What’s new in visionOS 26).

4. Custom Environments: Safari 26 introduces a developer preview feature called Web Backdrop, which allows you to offer custom immersive environments through HTML markup. This can enhance the spatial web experience for users (What’s new in visionOS 26).

5. Responsive Design Tools: Safari's responsive design mode now includes viewport presets, which help speed up testing and development by allowing you to select from various viewport sizes and easily toggle between portrait and landscape modes (What’s new in Safari and WebKit).

6. Text Wrap Pretty: This new CSS feature enhances text presentation by improving the visual appearance of text, such as reducing short last lines and excessive hyphenation (What’s new in Safari and WebKit).

These updates aim to enhance the visual and interactive capabilities of your website, making it more engaging and visually appealing for users on Safari 26.