eleven40 header image blurry on retina display

[creativename]

Hi I've tried everything (double size of header, double the pixel size allowed in functions.php, etc) and it's still blurry. How can I make it so it's not blurry? Do I need to change something in css? Thanks in advance.

[Victor Font]

If you are using jpg, WordPress automatically reduces the resolution to 80% when you upload an image. To change the jpg quality setting, add this to functions.php:

add_filter( 'jpeg_quality', 'set_jpg_quality' );
add_filter( 'wp_editor_set_quality', 'set_jpg_quality' );
function set_jpg_quality() {
	return 100;
}

For absolutely clear images that remain clear at any size, use svg. WordPress does not support svg images out of the box. You need to use one of the many svg support plugins available in the WordPress repository.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[creativename]

Hi Victor, thanks. I use png. But I tried converting it to svg and installing an svg plugin like you said, but the file is blank when I upload it.

[Author]

Posts