Change Image Height/Width with HTML

Let’s say you have an image you want for your sidebar that’s too large or you don’t want to save and edit.

(This example is using WeHeartIt.)

Find the image you need and right click > Copy image URL 

image

Using the direct link, make an image code

<img src=”DIRECT LINK HERE”>

To change width (height will automatically propportion), add

width=300px;” 

to the code, changing the 300 to any number you’d like. The end result:

<img src=”http://data.whicdn.com/images/13382936/tumblr_lpmqw0EYrT1qfal67o1_500_large.png” width=300px;”>

You can do the same with height, or change both at once.

Sizing Images in Photoshop | Adobe, Guest Post | RichardHarringtonBlog

richardharringtonblog.com

Anybody?

How do I keep the quality on my pictures intact when uploading to tumblr? Any specific resolution? I can’t wrap my head around it..

Social Media Dimensions - [INFOgraphic]

Just Published on InfoGraphicsMania

Interesting? Click the link to see more on iNFOGRAPHiCSMANiA! http://bit.ly/UUs5oq

Determine original size of image cross browser

function getImgSize(imgSrc) {
    var newImg = new Image();

    newImg.onload = function() {
    var height = newImg.height;
    var width = newImg.width;
    alert ('The image size is '+width+'*'+height);
    }

    newImg.src = imgSrc; // this must be done AFTER setting onload

}

Image Sizes for Twitter, Facebook, Google+ & LinkedIn

prosar.com

Handy reference when uploading images for social media sites.

Made my first set of GIFs, but guess what? THEY DON'T WORK ON TUMBLR!

Week 2 Tech-demo recap 1

wiki.digital-foundations.net

In-class tech-demo in relations to class textbook Digital Foundation

http://wiki.digital-foundations.net/index.php?title=Chapter_8_Sandbox

Loading more posts...