Youtube Images – What an Idea !!!

Look at the given image carefully …

Youtube Master Image

Did anybody see the above image anywhere ? The Answer might be No. But you might see small parts of this picture. The amazing picture’s name is Youtube Master Image. The Youtube Website contains this single image only, and it uses part by part for different occasions with css ( sytle sheet) property background image and scroll position.

You know the whole youtube website is created with a single image !!!

For example, you see the rating pictures just below the youtube video

Youtube Ratings

Here the fully red star is created by:

<img class=”rating icn_star_full_19x20png alt=” style=”vertical-align: top; src=”http://s.ytimg.com/yt/img/pixel-vfl73.gif/>

Here the src is merely a 1 pixel image. The actual star lies in the style class “rating icn_star_full_19x20png”

See the style sheet:

.icn_star_full_19x20png

{

   transparent url("http://s.ytimg.com/yt/img/master-vfl38353.gif") no-repeat scroll -373px -38px

}

Here scroll -373px and -38px exactly points the red star in the master image.

And for youtube logo, it uses same background image (master image) with another scroll location. Scroll is set to 0px for logo

Like that, all the images, thumbs up , thumbs down, border, scroll back, previous next buttons etc etc are displayed from this single picutre.

Amazing Idea Right ?

(Post your comments please)

13 Comments , , , ,

13 Responses to “Youtube Images – What an Idea !!!”

  1. Binny V A May 3, 2008 at 12:08 pm #

    This technique is called CSS Sprites. It reduces http requests. Its an optimization technique for very large sites.

  2. Calling Stroed Procedure from php May 6, 2008 at 4:52 pm #

    Hi

    I am trying to call the mysql stored procedure from the php code given below

    query($sql1);

    while ($data1 = $query1->fetch_row())
    {
    echo $data1[0].”\n”;
    $sql2 = “call getCapitals(\”".$data1[0].”\”)”;Deutschland

    //SQL which does the same thing:
    //$sql2 = “select concat(country, \”, capital: \”, capital) from countries where country like ‘”.$data1[0].”‘”;

    $query2 = $mysqli->query($sql2);

    while ($data2 = $query2->fetch_row())
    {
    echo $data2[0].”\n”;
    }
    $query2->free(); // unsuccessful attempt to clear the results and get the next SP going
    }
    ?>

    Once i Execute the code i am getting the following result

    Result:

    Deutschland

    Fatal error: Call to a member function fetch_row() on a non-object in C:\wamp\www\SMS\Smart\Test\Test.php on line 27

    I think the problem is that the stored procedure calling is occurring only once.

    Could you please help me to solve this problem?

    Thanks in advance

    Pradeep

  3. Neenbyday October 7, 2008 at 3:44 am #

    How i may contact admin this site? I have a question.
    iijiivei

  4. John605 November 7, 2008 at 12:55 am #

    Very nice site!
    http://training.cvc4.org/pharm1/14189/4.html

  5. X November 27, 2008 at 5:34 am #

    This method is also promoted in the Yahoo Dev’s top ways to speed up your website. It’s weird though they optimized their http requests so much while their source code is in many places so unoptimized. http request must be a big issue when sites get a lot of traffic.

  6. Joanne Cox June 25, 2009 at 10:34 pm #

    Thanks for sharing this; your input is appreciated and has made me change my opinion slightly. About the 3rd paragraph though, could you expand on that a little? I’m a bit confused about what you mean (so maybe others are too).

  7. Christopher August 3, 2009 at 8:52 pm #

    Wow, that is absolutely amazing. Its a fantastic idea…

    I might give it a go!

    Thanks for the article :)

  8. diego January 9, 2010 at 9:00 pm #

    jajaja :) http://s.ytimg.com/yt/img/master-vfl136487.png

  9. Therese Helgager April 27, 2010 at 8:33 am #

    I love watching videos online specially on Youtube. There are lots of music clips, movie clips and instructional videos on Youtube. I love em all.

  10. Ellis Gibson April 30, 2010 at 12:00 am #

    i use Youtube to watch Taylor Swift videos. I always watch movie clips on Youtube. What an awesome site. ‘

  11. halibut fishing May 20, 2010 at 9:21 am #

    Congratulations for the brilliant blog posting! I found your post very interesting, I think you are a brilliant writer. I added your blog to my bookmarks and will return in the future. I want to encourage you to continue that marvelous work, have a great daytime!

  12. Harland Kaz June 1, 2010 at 5:31 pm #

    Found your site on google, couple searches, Bookmarked!

  13. Dovie Graleski April 11, 2011 at 8:31 pm #

    This is completely off topic, but who is the guy in the banner? I know I recognize him, but I can”t think of it and it”s driving me crazy.Apple needs to do a better job explaining and speaking about this feature… It is extremely valuable for many users. Thanks for posting it!It may use a fail system, but you know what? I”m okay with that for now. Its a start, and I trust google a hell of a lot more than amazon.Apple needs to do a better job explaining and speaking about this feature… It is extremely valuable for many users. Thanks for posting it!It may use a fail system, but you know what? I”m okay with that for now. Its a start, and I trust google a hell of a lot more than amazon.For all asking, the version 2 for iPad should be released this month. It is being tested now and is great, we think you”ll really like it.

Leave a Reply

More in general, html, webworld (57 of 94 articles)


I am writing this topic in sajithmr.com, because i am getting a lot of queries regarding this project from the ...