I can't seem to find an answer to this, although some are close.  I have an image that I want to take out the middle of (crop it), a bit like this:    So it's perfectly in the middle and with the same aspect ratio.  All I have managed to do, is crop an image like so:     ..where it's connected to the edges.  So basically, I want to have a div of fixed size, with an image inside. This image needs to be zoomed in and centred, with the overflow hidden.  How can I do this?
26006
I want to show an image from an URL with a certain width and height even if it has a different size ratio.  So I want to resize (maintaining the ratio) and then cut the image to the size I want.  I can resize with html img property and I can cut with background-image.  How can I do both?  Example:  This image:     Has the size 800x600 pixels and I want to show like an image of 200x100 pixels   With img I can resize the image 200x150px:  &lt;img      style="width: 200px; height: 150px;"      src="http://i.stack.imgur.com/wPh0S.jpg"&gt;    That gives me this:    &lt;img style="width: 200px; height: 150px;" src="https://i.stack.imgur.com/wPh0S.jpg"&gt;       And with background-image I can cut the image 200x100 pixels.  &lt;div      style="background-image:            url('https://i.stack.imgur.com/wPh0S.jpg');      width:200px;      height:100px;      background-position:center;"&gt;&amp;nbsp;&lt;/div&gt;    Gives me:        &lt;div style="background-image:url('https://i.stack.imgur.com/wPh0S.jpg'); width:200px; height:100px; background-position:center;"&gt;&amp;nbsp;&lt;/div&gt;      How can I do both?  Resize the image and then cut it the size I want?
111836
I really love the way  works, but unfortunately it doesn't look very sharp on a , especially when juxtaposed with browser-rendered text. If you made the generated image twice its current size, it would circumvent this problem.  Could you please generate larger source images? Keeping the same width and height HTML attributes will mean that the image won't look any different for current users, so there's no chance of anything breaking.  It's a small difference, but quality is in the details!
37077
Hi my client has given me a load of images for the site I'm building for him, they are going in a Javascript Image Nivo Slider Banner at the top, the size of the banner is 720px x 200px but the images aren't.  I can crop the images, but I wonder if there is a way to resize them and change the proportion without destroying the quality, or due to the nature of how pixels work is this not possible?  I would like to be able to turn them into wide angle images and work from there.  I have Photoshop CS6 Ext.
31452
I want to make a figure composed of two images that have different sizes. I want to put them side by side so that they have the same height and that they overall take, say, 90% of the line width.  It is easy to make them have the same fixed height (say in cm), but how to let this common height be automatically adjusted to fulfill the desired overall width? Manual trial-and-error is time-consuming, approximate and non robust.  A solution with or without subfigure or another LaTeX package is OK.
32716
How do I create this type of effect with an image? I'm wondering how to get the thick edges and the tilted look. Is there an online tool that will convert a flat image to look like this?
21422
I am using QGIS 2.2  I have one vector line layer (roads) that stretches beyond my base image (see below).      I wish to have the roads "clipped/trimmed or deleted" right at the edge of the image's extent (see below):    How can I achieve this?
57144
I see many posts on both this forum and elsewhere the discuss the use of a wide angle on a crop sensor.  For example, they discuss how at 14mm lens is 14mm on a 35mm film or full frame, but with a 1.6x crop sensor it is an effective 28mm.  My question is, is a 14mm on a crop sensor the same image as a 28mm on a full frame.  Or does "effective" include some other conotation.  I read that a 14mm can create distortion on a full frame and some vignette, so people seem to say using it on a crop takes out some of those edge problems. My confusion is how the lens is actually taking in the extra image.  Reading kenrockwells blog I learned that wide angle keeps lines straight, while fish eye actually skews the lines.    So with this as my understanding, I am still a bit confused how a lens that is curved in order to get a greater angle of view, will be the same as a cropped version of a less curved lens.  Or does "effective" only refer to the objects to the sides but not to the distortion of the image.  Or, if it is different, is it so small that for photography it does not matter?  A technically description would be welcome as long as a basic understanding of the situation.  Thanks!  Edit: To be more clear after the comments,  I am specifically talking about the end resulting 2d projection from 3d space.  I have read both those previous answers.  the first one is closer to what I am talking about.  However, it is still confusing for me.  I have experience with 3d modeling and projection matricies, which might be confusing me with this.  But for example, i dont understand the images having a 50 mm lens being drawn Starting from the sensor, so it shows a different fov for crop and full frame . If the lens is the same, it takes the same amount of information from the world, which makes a ray from a certain degree off the last lens projected into a smaller space, there is no projection from the sensor, so drawing the line from the sensor doesnt make sense to me.  The distance of the sensor to the rear of the lens must have some impact on the light projected but is not represented in the images.  Further, again from that first answer it says cropping is the same as zoom, but from what i understand from how perspective works, it is different, since a wide angle will project lines differently than a small fov to the same size, so cropping the center of a wide angle and zooming into something is very different.  This is easily recreated in an opengl application with varying fov projection matrix, i imagine in painting class people learn this as well.  A fisheye would be a good example, since if cropping was the same as zooming, a fish eye lens would keep the center exactly like a normal lens and then a gradient weighted towards the outside would rapidly create a warped perspective, but from what I see, it is even.  To me those images just look like its comparing cropped with full frame in regards to orthogonal projections.
26477
Is there a a way with GIMP editor to crop a big picture into several small equal sized pictures? So when all those small pictures connected in order would make a big picture.
117538
I'm stumped.  All I need to do is open my photo, have the action stop to wait for me to decide where the crop should be (to center the important part of the photo), then close that photo so the batch processing can go get the next photo.  I see the "inset stop" is the key, but it never allows me to crop, it just moves on to the next photo.
14269
Simple idea: I have two images that I want to merge, one is 500x500 that is transparent in the middle the other one is 150x150.  Basic idea is this: Create an empty canvas that is 500x500, position the 150x150 image in the middle of the empty canvas and then copy the 500x500 image over so that the transparent middle of it allows the 150x150 to shine through.  I know how to do it in Java, PHP and Python... I just don't have any idea what objects/classes to use in C#, a quick example of copying an images into another would suffice.
75094
I have wondered how to get some parts of the image out of focus when using smartphone cameras (or if it can even be done). Recently found out about the concept of bokeh, and am interested in techniques to use it in image composition for cell phone cameras (the typical 8MP low aperture size digicams prevalent in recent Android devices).
59196
In my scene I have a camera sitting at the origin. I would like to contraint it so that it always looks at the center of a given object. But the camera should not change its position.  I found some answers using a "TrackTo" or "LockedTrack" constraint but could not manage to make it work.  Could I probably use a Driver for this and if yes, how can I adjust it?  Thanks in advance!
8041
How do I go about setting a &lt;div&gt; in the center of the screen using jQuery?
24899
\documentclass[demo]{article} \usepackage{graphicx} \usepackage{tikz} \begin{document} \begin{tikzpicture} \node[circle,draw,inner sep=2cm]{\includegraphics{myimage.jpg}}; \end{tikzpicture} \end{document}   How do I modify the above code so that the included image is adapted to the circle shape and cropped of the exceeding parts?  I want to specify a shape (a circle) and then include an image respecting the given dimension and cropped.
1077
I have a div 200 x 200 px. I want to place a 50 x 50 px image right in the middle of the div.   How can it be done?  I am able to get it centered horizontally by using text-align: center for the div. But vertical alignment is the issue..
112878
I can see how to use Gimp to crop part of an image in a image file, but I want to crop a portion of the screen. How do you do that?
94025
I use the term "100% crop" to mean a portion of a picture that has been cropped but not resized, but I have also seen some confusion around that term.   Is there an accepted definition for "100% crop?" What is its opposite called?   Here's what I think it means:   If I'm right, what is the proper name for "something else?" If I'm wrong, please include illustrations.  Either way, what evidence supports the definitions?