Hacker News new | ask | show | jobs
by Rumudiez 439 days ago
why is the black background a 1.5MB JPG[1]? and it even has a responsive counterpart[2] that's half a megabyte for mobile. surely it could have just been `background: #000`? I didn't go looking for issues, I just noticed the image load in jaggedly (not progressively encoded) and couldn't believe my browser would do that for a solid color fill. did you use AI to make the website?

[1] https://gamenode.app/img/desktop-bg.png

[2] https://gamenode.app/img/mobile-bg.jpg
2 comments
lamarcke 439 days ago
It's actually not a solid color background, but a very low opacity collection of game covers.

The same goes for mobile, where if you look closely you will see Dishonored 2's cover.

And no, it's not AI generated. We started working on it before ChatGPT made it's debut (yeah i know it's not the first LLM but no one considered vibe coding before it), and you can see our entire source code in Github.

link
Rumudiez 439 days ago
Okay, now that it's darker out I can see the game covers faintly. I guess I'd suggest making it a little brighter since it's hard to make out detail in daylight if you want it to come through, not a big deal if it looks how you want already

I also see it's actually a png on desktop and jpg on mobile. For an image of this size, I don't feel like png is a good fit without significant optimizations like restricting colors to a very limited palette. Baking the underlying background color into it as a jpg, like you did for mobile, could help reduce the file size quite a bit for a lot less effort. I converted them at 90% quality and ran them through ImageOptim which got the file size down to 115KB for the desktop image and 88KB for mobile

Sorry for the AI comment. I noticed Tailwind and NextJS while inspecting the images and jumped to conclusions

link
lamarcke 438 days ago
Oh, no prob. Thanks very much for the heads-up, by the way. I've made the changes locally and they will soon be in production too.
link
enumjorge 439 days ago
The background is not solid black. There is a very subtle background image that is most visible on the top right corner. The contrast is so low though that it's very hard to see.
link