The Best Sunscreens Of 2026, According To Our SPF-Obsessed Editors
/* /////////////////////////////////////////////////////////////////////////////// */ /* EDIT - Do you need a video opener? Set to 'true' if animated video, if not set to 'false' */ var hasVideo = true; /* /////////////////////////////////////////////////////////////////////////////// */ /* Video loading image, Use image from first frame */ /* Hero, Desktop & Tablet use 8:3, 2000px x 750px squooshed mozJPG at 75% compression */ var desktopHeroImage = "https://www.refinery29.com/images/11975120.jpg"; /* Hero, Mobile use 720px 1:1,5:6,4:3, 1280px wide squooshed mozJPG at 75% compression */ var mobileHeroImage = "https://www.refinery29.com/images/11975121.jpg"; /* /////////////////////////////////////////////////////////////////////////////// */ /* Please add accessible alt text */ var desktopHeroAltText = ""; var mobileHeroAltText = ""; /* /////////////////////////////////////////////////////////////////////////////// */ /* EDIT - Desktop & Tablet wide video URL from JWPlayer, use min 1920px x 720px 8:3 wide asset, 6-10 second loop, no audio */ var desktopVideo = "https://studio-assets.rf29.net/Editorial/SPF-Awards-2026/SPF_Awards_Desktop.mp4"; /* /////////////////////////////////////////////////////////////////////////////// */ /* EDIT - Mobile video URL from JWPlayer, use 720px 1:1,5:6,4:3 squre/tall asset, 6-10 second loop, no audio */ var mobileVideo = "https://studio-assets.rf29.net/Editorial/SPF-Awards-2026/SPF_Awards_Mobile.mp4"; /* /////////////////////////////////////////////////////////////////////////////// */ /* EDIT: Build additional functions here. */ function initOther() { /* Call addtional functions */ } /* /////////////////////////////////////////////////////////////////////////////// */ /* DO NOT ALTER */ function addOverlay() { const a = document.getElementById("overlay"); a.innerHTML = ""; } let isRightRail=!1;function setupRightRail(){let e=document.querySelectorAll(".r29-article")[0].classList.contains("right-rail-article");isRightRail=!0==e}function setupOpener(){if(!1==isRightRail){let e=document.querySelectorAll(".opener .full-width-opener");e[0].style.opacity=1,e[0].style.transition="all 0.3s ease-in-out",e[0].style.webkitTransition="all 0.3s ease-in-out",e=void 0}}function loadVideo(){var e=document.getElementById("tmp-video-hero-desktop"),t=document.getElementById("tmp-video-hero-mobile");window.innerWidth>960&&(e.src=desktopVideo,e.load()),window.innerWidth>767&&window.innerWidth
Black News 
/* /////////////////////////////////////////////////////////////////////////////// */
/* EDIT - Do you need a video opener? Set to 'true' if animated video, if not set to 'false' */
var hasVideo = true;
/* /////////////////////////////////////////////////////////////////////////////// */
/* Video loading image, Use image from first frame */
/* Hero, Desktop & Tablet use 8:3, 2000px x 750px squooshed mozJPG at 75% compression */
var desktopHeroImage = "https://www.refinery29.com/images/11975120.jpg";
/* Hero, Mobile use 720px 1:1,5:6,4:3, 1280px wide squooshed mozJPG at 75% compression */
var mobileHeroImage = "https://www.refinery29.com/images/11975121.jpg";
/* /////////////////////////////////////////////////////////////////////////////// */
/* Please add accessible alt text */
var desktopHeroAltText = "";
var mobileHeroAltText = "";
/* /////////////////////////////////////////////////////////////////////////////// */
/* EDIT - Desktop & Tablet wide video URL from JWPlayer, use min 1920px x 720px 8:3 wide asset, 6-10 second loop, no audio */
var desktopVideo = "https://studio-assets.rf29.net/Editorial/SPF-Awards-2026/SPF_Awards_Desktop.mp4";
/* /////////////////////////////////////////////////////////////////////////////// */
/* EDIT - Mobile video URL from JWPlayer, use 720px 1:1,5:6,4:3 squre/tall asset, 6-10 second loop, no audio */
var mobileVideo = "https://studio-assets.rf29.net/Editorial/SPF-Awards-2026/SPF_Awards_Mobile.mp4";
/* /////////////////////////////////////////////////////////////////////////////// */
/* EDIT: Build additional functions here. */
function initOther() {
/* Call addtional functions */
}
/* /////////////////////////////////////////////////////////////////////////////// */
/* DO NOT ALTER */
function addOverlay() {
const a = document.getElementById("overlay");
a.innerHTML = "
";
}
let isRightRail=!1;function setupRightRail(){let e=document.querySelectorAll(".r29-article")[0].classList.contains("right-rail-article");isRightRail=!0==e}function setupOpener(){if(!1==isRightRail){let e=document.querySelectorAll(".opener .full-width-opener");e[0].style.opacity=1,e[0].style.transition="all 0.3s ease-in-out",e[0].style.webkitTransition="all 0.3s ease-in-out",e=void 0}}function loadVideo(){var e=document.getElementById("tmp-video-hero-desktop"),t=document.getElementById("tmp-video-hero-mobile");window.innerWidth>960&&(e.src=desktopVideo,e.load()),window.innerWidth>767&&window.innerWidth<961&&(e.src=desktopVideo,e.load()),window.innerWidth<768&&(t.src=mobileVideo,t.load())}function setupVideo(){document.getElementsByClassName("full-width-opener")[0].setAttribute("id","tmp-content"),document.getElementById("tmp-content").innerHTML='
',loadVideo(),addOverlay()}function setup(e){1==e&&setupVideo()}function ready(e){(document.attachEvent?"complete"===document.readyState:"loading"!==document.readyState)?e():document.addEventListener("DOMContentLoaded",e)}document.onmouseleave=function(){window.isReady=!1},window.addEventListener("resize",function(){window.isReady=!1}),window.isReady=void 0!==window.isReady&&window.isReady,ready(function(){var e=setInterval(function(){window.imagesLoaded&&(imagesLoaded("#tmp-load",{background:!0},function(){window.isReady=!1,clearInterval(e)}),clearInterval(e))},100);if(!1!==window.isReady)return;window.isReady=!0;let t=setTimeout(function(){clearTimeout(t),setup(hasVideo),setupRightRail(),setupOpener(),initOther()},200)});
