How to resize images in org-mode

html image resize export org-mode
user1323995 picture user1323995 · Jul 26, 2012 · Viewed 29.9k times · Source

Is there a general way to define the size, in percent or pixels, for an image that is linked in org-mode?

Say I have the following link in my .org file:

[[~/images/example.jpg]]

This JPG is way too large, so if I export it to HTML or LaTeX or open it in org-mode with C-c C-o i will only see a fraction of the image.

Answer

yPhil picture yPhil · Jun 18, 2013

As of Org 8.0, "Attribute lines now take plists" :

#+attr_html: :width 100px
#+attr_latex: :width 100px
[[~/images/example.jpg]]

Related questions

Scale image to fit a bounding box

Is there a css-only solution to scale an image into a bounding box (keeping aspect-ratio)? This works if the image is bigger than the container: img { max-width: 100%; max-height: 100%; } Example: Use case 1 (works): http://jsfiddle.net/Jp5AQ/2/ Use case 2 (works): …

Read More
How can I make all images of different height and width the same via CSS?

I am trying to create an image wall consisting of product photos. Unfortunately, all of them are of different height and width. How can I use css to make all images look the same size? preferably 100 x 100. I was thinking …

Read More
fix image size without re-sizing

I have a div which is width:500px; and height:170px; The div contains a jquery slideshow which gets random images from my database and displays them. Problem is that the images are uploaded by users and can be any …

Read More