-
Ideal pixel dimensions for graphics, compression blocking? (sharper graphics)
Awhile back, SmashingMag ran an illuminating tip sheet on JPG compression and how to properly size graphics for maximum sharpness and less artifact noise. Ever since, I’ve set up my snap-to grids to 8px and it works great. But I can’t find anything like this regarding h.264 or mpeg2 compression.
Does video compression operate with this ‘blocking’ technique like JPG? I’ve tried various things, from using an 8×8 grid, 16×16 and up, but can’t really tell any difference. Motion factors in, sure — I’m hoping there’s a way to make our onscreen graphics look better and sharper on final output. As is, we’re running 1080p-to-480p down-conversion, final shows are at 900kbps. I’ve seen 500kbps shows that look better!
Ideas?
-
1 Reply
-
best rule of thumb is denoise before compression. It helps mpeg4 alot! so does desaturation of bright primary colors! keeps the bleeding down too as a bonus!
there’s some codecs like flv that can encode 12 fps and then playback 24fps. They interpolate in realtime. It’s like 10x smaller.
Also, resolution vs bitrate, google that because there really is a sweetspot called bits/pixel.\
Research what settings/codecs the professional sites use. There’s embedded divx, VP9, and even soon sometime down the road h.265 will replace h.264.
h.264 is the most popular, profiled as mkv is a stripped down version that doesn’t need all the metadata, saves a little space.
You can have multiple streams of flash that auto detect the bandwidth. Also, Microsoft Silverlight works similar to netflix, if you want to go the microsoft route. There’s tons of options, depending on your clients’ needs.
Reply to this Discussion! Login or Sign Up