I converted my image to data uri but unfortunately I don't know how it works properly so when I execute it on my website I didn't get the exact ratio of the picture on my screen. I'm a little bit frustrated when I saw that the picture is wide enough that only the top part could be seen. I know we want to have a fast loading speed website so instead of using fix images I recently applied what I learn but I needed other source to extend my studies about it. I google it up but I got only craps of answers so I wanted to know who among here applied this technique for saving their loading speed. Any information that will be posted I highly appreciate it.