Apple Safari 17’s Hidden Gems: JPEG XL & Font-Size-Adjust

Apple’s recently announced Safari 17 brings several key updates that promise to enhance user experience and web page loading times.

[{"selector":"#anim-97c80d20-c706-43b2-8081-5d3a1bbc6681","keyframes":{"transform":["scale(1)","scale(1.5)","scale(0.95)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}]

Unveiled at the annual Worldwide Developers Conference (WWDC23), two new features of Safari 17 worth paying attention to are JPEG XL support and expanded capabilities of font-size-adjust.

[{"selector":"#anim-3d129318-34ea-4b5c-a012-01a443fcfc75","keyframes":{"transform":["scale(1)","scale(1.5)","scale(0.95)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}]

As Safari continues to evolve, these updates highlight the ever-changing landscape of web development and the importance of adaptability.

[{"selector":"#anim-d2dcbdcd-727a-4721-a7a7-48c3bed99495","keyframes":[{"offset":0,"transform":"translate3d(0, -190.45071%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -53.554739651999995%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -18.207087876%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -6.837180489%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -2.9710310759999996%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":600,"fill":"both"}]

One of the most noteworthy features of Safari 17 is its support for JPEG XL, a new image format that balances image quality and file size.

[{"selector":"#anim-1d9242fc-d460-4f44-947f-e73fea3c05e3","keyframes":[{"offset":0,"transform":"translate3d(0, -233.42258%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -65.638429496%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -22.315198648000003%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -8.379870622%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -3.641392248%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":600,"fill":"both"}] [{"selector":"#anim-1cdfbfd2-822b-4bc1-ae7c-20d7004eba89","keyframes":[{"offset":0,"transform":"translate3d(0, -214.32748%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -60.268887376%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -20.489707088000003%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -7.6943565320000005%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -3.343508688%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":600,"fill":"both"}]

JPEG XL allows for the recompression of existing JPEG files without any data loss while significantly reducing their size—by up to 60%.

[{"selector":"#anim-8393daa4-9367-49eb-a53e-5e9c1646b519","keyframes":[{"offset":0,"transform":"translate3d(0, -190.85231%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -53.667669572%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -18.245480836%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -6.8515979289999995%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -2.977296036%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":600,"fill":"both"}]

Page loading speed is a crucial factor that search engines consider when ranking websites. With JPEG XL, publishers can drastically reduce the file size of images on their sites, potentially leading to faster page loads.

[{"selector":"#anim-a76225b0-4540-493d-8d8d-05758811865c","keyframes":[{"offset":0,"transform":"translate3d(0, -155.27284%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -43.662722608%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -14.844083504%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -5.574294956%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -2.422256304%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":600,"fill":"both"}]

Apple Safari 17’s Hidden Gems: JPEG XL & Font-Size-Adjust

Safari 17 introduces JPEG XL and enhanced `font-size-adjust`, potentially improving webpage loading times and layout consistency.

Brought to you by Trickyenough

Apple’s recently announced Safari 17 brings several key updates that promise to enhance user experience and web page loading times.

Brought to you by Trickyenough

Unveiled at the annual Worldwide Developers Conference (WWDC23), two new features of Safari 17 worth paying attention to are JPEG XL support and expanded capabilities of font-size-adjust.

Brought to you by Trickyenough

As Safari continues to evolve, these updates highlight the ever-changing landscape of web development and the importance of adaptability.

Brought to you by Trickyenough

One of the most noteworthy features of Safari 17 is its support for JPEG XL, a new image format that balances image quality and file size.

JPEG XL: A Game Changer For Page Speed Optimization

Brought to you by Trickyenough

JPEG XL allows for the recompression of existing JPEG files without any data loss while significantly reducing their size—by up to 60%.

Brought to you by Trickyenough

Page loading speed is a crucial factor that search engines consider when ranking websites. With JPEG XL, publishers can drastically reduce the file size of images on their sites, potentially leading to faster page loads.

Brought to you by Trickyenough