Graphics are not sharp + cannot change logo size

- 5 years, 1 month ago magdad
  Participant
  Hi,
  
  I was wondering if you could help me with my 2 problems:
  
  1. Graphics that I upload are not sharp. I upload them in PNG format, in high resolution. On the right – preview of uploaded picture, on the left – how it looks like on website. Any ideas what I’m doing wrong?
  
  2. I wanted to insert logo in top left corner and it is very small. I did not find logo resizing option. I was trying to use this CSS (margin worked, height no):
  
  #logo img {
  height: 300px;
  margin-top: -15px;
  }
  
  Could you tell me where I can find this option?
  
  Thank you in advance,
  Magda
  
  This topic was modified 5 years, 1 month ago by magdad.
  
  This topic was modified 5 years, 1 month ago by magdad.
  
  This topic was modified 5 years, 1 month ago by magdad.
  
  This topic was modified 5 years, 1 month ago by magdad. Reason: HTML code was showing up
- 5 years, 1 month ago Ludjon
  Keymaster
  1. Mm, are nu using custom plugins that can cause it? Please try this code and re-upload:
  
  function my_prefix_regenerate_thumbnail_quality() { return 80; } add_filter( 'jpeg_quality', 'my_prefix_regenerate_thumbnail_quality');
  
  2.You can fix logo height size on Theme Options ->General Options
- 5 years, 1 month ago magdad
  Participant
  
  1. Thank you, I managed to change logo size.
  
  2. Unfortunately your code didn’t help, but I can give some more details: pictures are sharp when I use any of predefined sizes (thumbnail, medium, large, full). But when I change it to custom size, eg. 300×300 px, it automatically becomes pixelated. It applies for all the graphics. Does this info help?
- 5 years, 1 month ago Ludjon
  Keymaster
  
  Hi, can you please give me a site URL to check? Also, website credentials.
  
  Maybe it crops to a small size and after increased to 300px. I need to check it.
  
  Thanks
- 5 years, 1 month ago magdad
  Participant
  
  This reply has been marked as private.
- 5 years, 1 month ago Ludjon
  Keymaster
  
  Hi, I am accessing from a Retina display and it loads the full-size 1270px. Can you tell me the size of the screen that you are using? It looks good here.
  
  Thanks
- 5 years, 1 month ago magdad
  Participant
  
  Hi Ludjon! Thank you for checking that for me. I work on MacBook Pro ’18 retina + some regular samsung monitor. I also checked that on other retina monitor, iPad & iPhone – on all of them they are not sharp (as on the picture from my 1st post). First graphic on the website looks how it should because it’s set to default “medium” option. Please check other ones that have custom size.
- 5 years, 1 month ago Ludjon
  Keymaster
  
  Hi, the loaded image size is 1890px, is the largest. The website loads the largest one, so for me you should try another image format, ex jpg with white background.
  
  Thanks
- 5 years, 1 month ago magdad
  Participant
  
  I tried jpg, it’s even worse – when using eg. “thumbnail” size it’s not sharp.
  
  1. graphic: PNG thumbnail (sharp)
  2. graphic: JPG thumbnail (not sharp)
  3. graphic: PNG 150×150 px (not sharp)
  
  There has to be an issue with custom dimensions
- 5 years, 1 month ago Ludjon
  Keymaster
  
  Tower uses WP cropping functionalities, also your website loads the larger size. Can you please check server config, maybe you have installed any image compressor or something like that?
  
  Thanks