CHECKING STATUS
I AM LISTENING TO
|

Fixed: Facebook cover image compression problem

17. February 2014
.SHARE

Table of Contents

Since Facebook introduced the new profile layout people have been complaining about the bad jpeg compression of the cover image.

If you make sure that the following is met, you should be fine:

  1. Keep sizes at exactly 851 x 315
  2. JPEG (some use PNG-24 to keep the artefact / noise level low, has not made a big difference for me)
  3. Use sRGB as your colorspace

Some people seem to get better results, if they keep their images under 100KB. I  have used images up to 400KB without any problems.

Keep those nice cover images coming!

Cheers
Alex

Let’s Talk!

Looking for a reliable partner to bring your project to the next level? Whether it’s development, design, security, or ongoing support—I’d love to chat and see how I can help.

Get in touch,
and let’s create something amazing together!

RELATED POSTS

What’s the Deal with Dialogs These Days? Remember when we had to deal with those ugly, basic alert(), confirm(), and prompt() boxes that looked like they were designed in 1995? Yeah, those days are long gone. In 2025, we’ve got some seriously cool options that’ll make your users actually enjoy getting notifications instead of wanting […]

Native CSS Solutions (2025) 1. CSS scroll-timeline & view-timeline NEW Description: Native browser implementation for scroll-driven animationsMini Preview: NoBrowser Support: Modern browsers (Chrome 115+, Firefox 110+)Source: MDN Web Docs Benefits: Traditional Progress Bars 2. Vanilla JavaScript Progress Bar Description: Simple, lightweight scroll progress indicatorMini Preview: NoSize: <1KBSource: W3Schools 3. scrollProgress.js Description: Lightweight library for scroll […]

Ever tried to find a decent-looking Gantt chart library that doesn’t cost an arm and a leg? Yeah, the struggle is real. Enter Frappe Gantt – the open-source JavaScript library that might just be the solution you’ve been looking for. Just used it internally for a project and build a quick editor around it. Really […]

Alexander

I am a full-stack developer. My expertise include:

  • Server, Network and Hosting Environments
  • Data Modeling / Import / Export
  • Business Logic
  • API Layer / Action layer / MVC
  • User Interfaces
  • User Experience
  • Understand what the customer and the business needs


I have a deep passion for programming, design, and server architecture—each of these fuels my creativity, and I wouldn’t feel complete without them.

With a broad range of interests, I’m always exploring new technologies and expanding my knowledge wherever needed. The tech world evolves rapidly, and I love staying ahead by embracing the latest innovations.

Beyond technology, I value peace and surround myself with like-minded individuals.

I firmly believe in the principle: Help others, and help will find its way back to you when you need it.