0

I have just embedded my tumblr into my website (which is not visible to anyone yet), with this code:

<script type="text/javascript" src="http://www.thegoodbad.tumblr.com/js" ></script>

It worked out, and shows the posts BUT the problem is: it shows all the pictures on the website with a 400px width even though on my tumblr they are bigger.

So far I:

  • played around with the photo url, and changed it to high reslolution
  • tried to add some css code to my website
  • tried to use other tumblr themes with high resolution pictures

I read that tumblr hard-coded the pictures to max. 400px. I don´t know if I actually have to change something in my tumblr code to change the image size output or if I can change this in the code of the new site.

I am kinda new to all of this and so far I managed but now I would really appreciate some help!

4

1 回答 1

1

You are correct that Tumblr "hard coded" the pictures to a maximum width of 400px, although their documentation says up to 500px. They didn't do this doing CSS; they did it by only serving you the 400px version of the picture, as seen here.

If you apply any CSS to these images to make them bigger, you'll only downgrade the quality of the image.

Note: Based on Tumblr’s image resize, you will be limited to an image width of 500px unless you specify the width differently in the IMG tag.

于 2013-03-30T17:46:33.330 回答