El siguiente enfoque se acerca bastante, pero no (ni puede) cubre las imágenes que se configuran como fondo. También puede ralentizar la carga de la página un poco.
El objetivo es inyectar CSS personalizado en la página. Usaré el complemento Stylish para eso ( teóricamente podría hacerlo sin ningún complemento externo, pero necesita un ID de desarrollador de Safari gratuito para hacerlo, consulte here - Estaba equivocado, consulte la respuesta de @markhunte). Después de instalar Stylish, verá un gran botón 'S' junto al campo de URL. Haz clic en él y selecciona 'administrar'. En la nueva pestaña, seleccione 'Editar' para crear un nuevo estilo. Asígnele un título (quizás 'Imágenes borrosas') y pegue el siguiente CSS en el campo 'CSS':
img {
-webkit-filter: blur(10px);
}
img:active {
-webkit-filter: blur(0px);
}
En 'Se aplica a:' seleccione 'global (si lo desea, puede limitarlo a URL específicas, prefijos de URL, dominios, etc.), luego guarde el estilo para habilitarlo.
Si carga una página web, todas las imágenes (excepto las de fondo) estarán borrosas. Si hace clic en una imagen, quedará borrosa mientras mantenga presionado el botón del mouse. Puede personalizar el grado de desenfoque editando el valor de píxel en el primer selector, ya que el segundo selector desenfoca la imagen.
Esto es todo lo que puedes hacer en CSS simple. Si desea una lista blanca selectiva que persista en todas las sesiones, definitivamente necesita escribir sus propias extensiones. Esto se debe a la aplicación del CSS publicado anteriormente, pero la lista blanca y la parte de 'hacer clic para agregar' pueden ser un poco más complicadas y no tengo la experiencia suficiente para darle una respuesta útil en ese caso.
