1

Here's a pic of what I'm talking about.

enter image description here

I already know how to change the icons (by going to ~/Library/Safari/Touch Icons Cache/Images/ then replacing them with the same named .png) but some of them don't fit perfectly like the Facebook, Twitter, or "Day 1 Advent of Code" icon does. Btw, I'm not so bothered about the Reddit icon not fitting since it's not a square so please ignore that. Is there any way to solve this?

I already tried resizing but it stayed the same. Let me be clear that I'm doing this because I don't want any plain letters in my Favorites (such as the "U" you'll see in the pic). I also checked the sizes of those icons who fit perfectly, and some were even smaller than the ones that do not occupy the entire square!

The sizes were all at least 144x144 px. From there I tried scaling up and it didn't work. The files were .png format. I also did not change the file names.

I hope someone can help me customize this.

6
  • Welcome to Ask Different. So to rephrase, each web site donates an image and the ones that are small get a border. You want to somehow fake out the OS to none use the icons provided and put in higher quality or more pixel versions so you don’t get the border that the software does to avoid upsampling small art?
    – bmike
    May 10 '20 at 20:11
  • I changed them because if I don't, they'd just appear as plain letters in my Favorites
    – jess
    May 10 '20 at 20:14
  • I’m not saying you’re wrong - I love the customization - just trying to make sure I understand what you want...
    – bmike
    May 10 '20 at 21:26
  • Pls see my edit, hope I explained clearly!
    – jess
    May 10 '20 at 21:31
  • No - you didn’t say what size they are. You didn’t say which format you saved the pictures. It’s not much clearer at all to me. Here are the 2x icon sizes I recommend for macOS - developer.apple.com/design/human-interface-guidelines/macos/… I’d go 1024/1024 here but maybe 512/512 would do assuming you want 512pt and no down sizing.
    – bmike
    May 10 '20 at 21:33
1

If these are png files you can open them in Preview and adjust the size. Try to keep the proportions the same when you do this. In Preview there is a menu item Tools. Click on the and you'll see Change Size as an option. Click on that and it'll bring up the panel shown below.

enter image description here

On this panel, you can make your image any size you want. I think the icons are square so you can set them as 64x64 for example.

10
  • I already tried adjusting them :(
    – jess
    May 10 '20 at 20:50
  • well you should have mentioned that in your question as things you have tried. What happened when you set the size?
    – Natsfan
    May 10 '20 at 20:55
  • they still had borders
    – jess
    May 10 '20 at 21:26
  • @jess - this is why I commented. If you are making these JPG or PNG and the exact details in terms of pixels all matter. Just edit your main question to put more details in the post - I’m sure we can help once it’s clear what you want and what you did so far...
    – bmike
    May 10 '20 at 21:27
  • post edited! pls check it
    – jess
    May 10 '20 at 21:30

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .