{"id":631,"date":"2021-05-31T19:15:54","date_gmt":"2021-05-31T17:15:54","guid":{"rendered":"http:\/\/strawberrycode.com\/blog\/?p=631"},"modified":"2021-06-07T10:52:35","modified_gmt":"2021-06-07T08:52:35","slug":"images-web-social","status":"publish","type":"post","link":"https:\/\/strawberrycode.com\/blog\/images-web-social\/","title":{"rendered":"Images: Tips and Tools for Web and Social"},"content":{"rendered":"\n

I was working on the post layout for this blog when I realised I’m using the same (efficient) tools for years, and it could be nice to share the knowledge :)
So, here goes nothing…<\/p>\n\n\n\n

Image creation\/edition<\/h2>\n\n\n\n

I know that Photoshop is a staple of web design, but I have my own favorite when it comes to quick works: Pixelmator Pro<\/a>. It is extremely easy to use, has a sleek interface, with a short and smooth learning curve, and has a large set of specs<\/a> for a moderate price. Pixelmator Pro is definitely worth a try<\/a>!
(I don’t have any affiliation for Pixelmator Pro, I’m just enjoying it)<\/p>\n\n\n\n

\"Pixelmator<\/a>
Pixelmator Pro<\/figcaption><\/figure>\n\n\n\n

Also, as a Mac user, I’m using Preview<\/a> a lot, but I have another trick up my sleeve: Optimize Images<\/a>. A quick drag and drop and the magic happens: your images are nicely optimized. It works well for batch optimizations, and you can either replace the current image or create a new optimized one. Also, it’s a free tool and ad-free too!<\/p>\n\n\n\n

\"\"
Optimize Images in Preview<\/figcaption><\/figure>\n\n\n\n

Image Formats for Social Networks<\/h2>\n\n\n\n

Once you’ve created your beautiful image, it’s time to publish it on the modern internet… aka social networks. But, what size should it be? Is it okay if I cut it at 1024×512, or is it better to do 1200×630, or maybe 1920×1080? <\/p>\n\n\n\n