Nginx and the Image format wars.

NGINX - Image Wars

We’ve talked about the videos, we’ve talked about the images. Now we talk about the web-server, Nginx.

In this entry we’re going to get crazy technical with how we deploy all of these new image formats that are being introduced in what feels like the “The Great Video/Image War” to finally put GIFs, JPEGs, PNGs, and MP4s to bed. But instead we’re going to talk about a section that seems skipped a lot. How to actually implement these new formats? Because if we do a review on an image format, and it’s good. Then as bloggers it would be hypocritical to not apply these formats to our site. It however opens up questions. How do we maintain the security of our readers while at the same time giving them the very best image as the lowest bandwidth conceivable? To which thankfully since we have a VPS a lot of the encoding is handled via CRON. While a lot of the deciding factors of which browser gets served what is all in the hands of NGINX web daemon.

Read on if you want to know more.

Read more

AVIF and WEBP is now being hosted here.

AVIF image title.

First there was AV1. Now there’s AVIF

A while back during my video encoding sessions, I toyed with the concept of serving AV1 videos on my site. The results were not great out of respect that we could not find a great way of detecting the client’s capabilities of video decoding without writing some shitty JavaScript system to snoop around and break privacy rights all the way. However, there’s a branch of the Av1 system known as “AVIF” which is designed to use for still images. It boasts about getting better compression ratio’s to that of even WebP images that we discussed a while back.

Why did we implement AVIF here? Read on if you want to know more.

Read more

Section 1: Preparing the Raspberry Pi for ADB and Ouya Action

Preparing Raspberry Pi for ADB Title.

Let’s begin with preparing our Raspberry Pi.

This blog is just one part of a multipart series on how to use the Raspberry Pi with the Ouya. It is designed this way because frankly there is way too much to cover in a single blog. Links for each of the articles as well as the header/main article will be included at the bottom of each entry to allow users ease of use in following along.

Read on if you want to know more.

Read more

WebP image format wars.

WebP Title

WebP from Google will deliver faster internet to you. But at what cost?

WebP is something I found out by total accident when asking the simple question of:

Why does Google Chrome not support animated .PNG files?

– S

It turns out Google instead of including the format into the library on their browser decided instead to exclude it. Although you can simply download an animated PNG plugin for Chrome here. That’s not the point. The point is it should be natively supported which it is not. If Google finally did support animated PNG files then Google now supports APNG which now we can put an axe into animated .GIF files. A Format which is still in use since the late 1980’s! Animated GIF files are now old enough to run for president of the United States! However, Google’s attitude was as follows:

Why spend any more time on other formats like PNG and JPG when WebP will be cooler!

Note: This issue with Google Chrome as of 7/25/2017 has now been resolved but the entry still stand for archival reasons.

Read on if you want to see more.

Read more

PNG and JPG Compression – Part 2

PNG and JPEG Optimization Title for Blog entries

Some more hot PNG and now JPG compression fun!

A while back I did a quick article about PNG compression. Looking back on it. We have to admit that it was a rather weak and lackluster approach to compression. We could easily go back and amend our newest discoveries but the discussion of compression expands into multiple formats. So lets dive right into what’s going on with this site and probably every WordPress generated site in existence and why compression is all around good for you.

Previously

Read more

Social Network B-Gone! Website Clean Up pt.2

website cleanup part 2 title

Social Network B-Gone. Some basic CSS to clean the angular theme.

I’ve made the decision to eject all social network outbound links to appear on every page of my website. This took some doing as I had to page through a lot of the Angular theme forums to ultimately find out Which CSS code controlled the very top section of my page. I had to modify my custom.css file which was found in the theme home directory underneath ./css and added the following lines.

previously, previously

 

Read more

Png Optimization

PNG and JPEG Optimization Title for Blog entries

It’s time for Png Optimization yo!

For PNG Optimization: PNG (or Portable Network Graphics) was a replacement to GIF and is one of the most widely used lossless graphic formats on the net. Whenever you are setting up a website that has a heavy amount of images going for it; You often have to rely on other formats then JPEG or .jpg because although the .jpg is good for most cases such as photos it is often a self-destructive file to have as every time you re-compress the quality of the .jpg gets worse and worse. Also known as lossy compression where the image is compromised to better suit the compression of the file.

Read more