Что было бы хорошим способом масштабирования изображений на C#?

Question

У меня есть сайт, который содержит много проектов с каждым проектом, содержащим боковую панель.

В этой боковой панели можно прикрепить изображения к проекту. Прикрепленные изображения будут показаны в галерее с тремя маленькими большими пальцами внизу и одним большим изображением в верхней части галереи. Большое изображение будет обновляться до другого изображения, когда посетитель нажимает на маленький большой палец @ в нижней части галереи.

Пальцы не проблема, они показаны правильно.

Моя проблема в том, чтобы увеличить изображение в верхней части галереи. Изображения, которые загружаются, имеют большой размер, в то время как мой держатель имеет ширину 239 и высоту 179. Каким будет лучший способ масштабирования изображений, чтобы они правильно отображались посетителям веб-сайта?

Благодаря Подгонка (этот код может использоваться для меня):

int sourceWidth = imgToResize.Width; 
    int sourceHeight = imgToResize.Height; 

    float nPercent = 0; 
    float nPercentW = 0; 
    float nPercentH = 0; 

    nPercentW = ((float)size.Width/(float)sourceWidth); 
    nPercentH = ((float)size.Height/(float)sourceHeight); 

    if (nPercentH < nPercentW) 
     nPercent = nPercentH; 
    else 
     nPercent = nPercentW; 

    int destWidth = (int)(sourceWidth * nPercent); 
    int destHeight = (int)(sourceHeight * nPercent); 

Answer 1

Вы можете изменить размер изображения, сохраняя пропорции и сохраните его. Или, если вы хотите сохранить одно и то же изображение, вы можете узнать новую высоту и ширину, поддерживая соотношение сторон и применить его соответственно к свойствам высоты и ширины тега img.

Вы можете использовать эти кнопки, чтобы изменить размер изображения или найти высоту и ширину.
http://snippets.dzone.com/posts/show/4336
http://www.switchonthecode.com/tutorials/csharp-tutorial-image-editing-saving-cropping-and-resizing

вы можете попробовать что-то на панорамирование, а также в случае, если вы решили сохранить размер изображения большого
How to zoom in and zoom out image using jquery?

Answer 2

Все об изменении размера. http://www.codeproject.com/KB/GDI-plus/imageresize.aspx

Answer 3

Пропорциональное масштабирование также может быть выполнено с помощью CSS. Рассмотрим изображение шириной 100px на 200px.

<img src="image.png" style="max-width:50;max-height:50;"> 

будет соответствовать изображению в коробке 50x50px, то есть создать изображение 25x50px. Аналогично,

<img src="image.png" style="min-width:500;min-height:500;"> 

будет производить и изображение 500x1000px.

В вашем случае

<img src="image.png" style="max-width:239;max-height:179;"> 

Это может быть хорошим решением для вас, поскольку ваши изображения малы, и вы собираетесь загрузить эскиз и изображение в любом случае, может также быть то же самое изображение, сохранить пропускной способности и использовать кеши.