El siguiente enfoque se acerca bastante, pero no cubre (ni puede hacerlo) las imágenes que se establecen como fondo. También puede ralentizar un poco la carga de la página.
El objetivo es inyectar CSS personalizado en la página. Utilizaré el complemento Elegante para eso ( teóricamente podrías hacerlo sin ningún complemento externo, pero necesitas un ID de desarrollador de Safari gratuito para hacerlo - ver aquí - Me equivoqué, véase la respuesta de @markhunte). Después de instalar Stylish, verás un gran botón 'S' al lado del campo URL. Haz clic en él y selecciona 'gestionar'. En la nueva pestaña, selecciona 'Editar' para crear un nuevo estilo. Dale un título (quizás 'Imágenes borrosas'), y pega 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 URLs específicas, prefijos de URL, dominios, etc.), luego guarde el estilo para activarlo.
Si cargas una página web, todas las imágenes (excepto las de fondo) aparecerán borrosas. Si haces clic en una imagen, se desenfocará mientras mantengas pulsado el botón del ratón. Puede personalizar el grado de desenfoque editando el valor del píxel en el primer selector mientras el segundo desenfoca la imagen.
Esto es todo lo que se puede hacer en CSS simple. Si quieres una lista blanca selectiva que persiste a través de las sesiones, definitivamente necesitas escribir tus propias extensiones. Esto todavía se reduce a la aplicación del CSS publicado anteriormente, pero la lista blanca y la parte de 'click-to-add' puede ser un poco más complicado y no tengo suficiente experiencia para darle una respuesta útil en ese caso.
