asp.net, jquery ve diğer web teknolojileri üzerine » photo

Asp.Net ile fotoğrafları kaliteli boyutlandırma

apoStyLEE — Fri, 16 Jul 2010 14:46:57 +0000

Fotoğrafları direk boyutlandırdığımız zaman ciddi bir kalite kaybı meydana geliyor. CompositingQuality, InterpolationMode veya SmoothingMode değerleriyle oynasakda Photoshop’ un boyutlandırma kalitesine erişemiyoruz. Biraz araştırma yaptıktan sonra EncoderParameters ve ImageCodecInfo ile kalitenin ciddi bir şekilde arttırıldığını gördüm. Sonuç aşağıdaki görselde açık bir şekilde görülebiliyor. Özellikle üzerinde yazı bulunan görsellerde fark daha iyi farkediliyor. Aşağıda ki kodu kullanmak için fileupload nesnenizi methoda göndermeniz yeterli. Örneğin; fotograf.yukle(FileUpload1); Şunu da eklemek lazım, kaliteli ve kalitesiz fotoların aralarında neredeyse yarı yarıya boyut farkı bulunuyor.

public class fotograf
{
    public static void yukle(FileUpload fu)
    {
        System.Drawing.Image orjinalFoto = null;
        HttpPostedFile jpeg_image_upload = fu.PostedFile;
        orjinalFoto = System.Drawing.Image.FromStream(jpeg_image_upload.InputStream);
        boyutlandir(orjinalFoto, 50, fu.FileName);
    }

    protected static void boyutlandir(System.Drawing.Image orjinalFoto, int boyut, string dosyaAdi)
    {
        System.Drawing.Bitmap islenmisFotograf = null;
        System.Drawing.Graphics grafik = null;

        int hedefGenislik = boyut;
        int hedefYukseklik = boyut;
        int new_width, new_height;

        new_height = (int)Math.Round(((float)orjinalFoto.Height * (float)boyut) / (float)orjinalFoto.Width);
        new_width = hedefGenislik;
        hedefYukseklik = new_height;
        new_width = new_width > hedefGenislik ? hedefGenislik : new_width;
        new_height = new_height > hedefYukseklik ? hedefYukseklik : new_height;

        islenmisFotograf = new System.Drawing.Bitmap(hedefGenislik, hedefYukseklik);
        grafik = System.Drawing.Graphics.FromImage(islenmisFotograf);
        grafik.FillRectangle(new System.Drawing.SolidBrush(System.Drawing.Color.White), new System.Drawing.Rectangle(0, 0, hedefGenislik, hedefYukseklik));
        int paste_x = (hedefGenislik - new_width) / 2;
        int paste_y = (hedefYukseklik - new_height) / 2;

        grafik.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
        grafik.CompositingQuality = System.Drawing.Drawing2D.CompositingQuality.HighQuality;
        grafik.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;

        System.Drawing.Imaging.ImageCodecInfo codec = System.Drawing.Imaging.ImageCodecInfo.GetImageEncoders()[1];
        System.Drawing.Imaging.EncoderParameters eParams = new System.Drawing.Imaging.EncoderParameters(1);
        eParams.Param[0] = new System.Drawing.Imaging.EncoderParameter(System.Drawing.Imaging.Encoder.Quality, 95L);

        grafik.DrawImage(orjinalFoto, paste_x, paste_y, new_width, new_height);
        islenmisFotograf.Save(HttpContext.Current.Server.MapPath("~/" + dosyaAdi), codec, eParams);
    }
}

Kodu bir kaç yerden derleyerek yazdım. Bundan dolayı iyi bir kod değil :) Bu arada yeri gelmişken, ilerleyen günlerde kapsamlı bir görsel upload sınıfını sizlerle paylaşacağım.

jQuery Asp.Net Fotoğraf Kırpmak

apoStyLEE — Mon, 12 Jul 2010 12:06:17 +0000

Fotoğraf kırpmak (crop) işlemi dışarıdan karışık bir işmiş gibi görünsede esasında çok basit bir işlemdir. Hele ki jCrop diye güzel jquery eklentisi varken bu işlem hem kolay hemde eğlencelidir. Olayın mantığına bakacak olursak, jCrop bizim için resim üzerinde seçtiğimiz kısımın yükseklik, genişlik, x ve y değerlerini alıyor. Sornasın da bu bilgiler eşliğinde orjinal resim üzerinde kesme işlemini yapıyoruz. Eklentinin bir çok ayarı ve özelliği bulunuyor, bunlara buradan ulaşabilirsiniz. Az kaldı unutuyordum, projenize jquery.js ve jCrop u eklemeyi unutmayın :)

default.aspx

default.aspx.cs

    protected void Crop_Click(object sender, EventArgs e)
    {
        int x = Convert.ToInt32(X.Value);
        int y = Convert.ToInt32(Y.Value);
        int w = Convert.ToInt32(W.Value);
        int h = Convert.ToInt32(H.Value);
        string strFileName = Crop.CommandArgument;
        System.Drawing.Image image = Bitmap.FromFile(Server.MapPath("~/crop/" + strFileName));

        Bitmap bmp = new Bitmap(w, h, image.PixelFormat);
        Graphics g = Graphics.FromImage(bmp);
        g.DrawImage(image, new Rectangle(0, 0, w, h),
        new Rectangle(x, y, w, h), GraphicsUnit.Pixel);

        bmp.Save(HttpContext.Current.Request.PhysicalApplicationPath + "crop/reSize-" + strFileName, image.RawFormat);
        ltrImage.Text = "";
    }

    protected void Upload_Click(object sender, EventArgs e)
    {
        FileUpload1.SaveAs(Server.MapPath("~/crop/" + FileUpload1.FileName));
        ltrImage.Text = "";
        Crop.CommandArgument=FileUpload1.FileName;
        Crop.Visible = true;
    }

Çalışan örneğe buradan bakabilirsiniz, örneği indirmek için buraya tıklayabilirsiniz. Herkese iyi çalışmalar..

LG X300 Hafif Üstü

apoStyLEE — Fri, 18 Jun 2010 13:41:00 +0000

Hafif üstü ifadesini çok düşündün mü ? diye soracak olursanız, hayır düşünmedim :) LG X300 11.6 inç bir notebook (dizüstü bilgisayar) ve sadece 970 gram ağırlığında, 17,6mm kalınlığında ! Evet doğru duydunuz 11.6 inç ve üstelik 970 gram !. Bu ölçüler şöyle bir örnek verirsem daha iyi anlaşılır, benim emektar Acer ONE A150L netbook 8,9inç ve 1,26kg ağırlığında. LG, X300 için çektiği kısa reklam filminde 970gramı çok orjinal bir şekilde gözler önüne seriyor, izlemenizi şiddetle tavsiye ederim. X300′ ün hafif olması sizi aldatmasın, istem özellikleride oldukça güzel. Intel Atom Z550 işlemci, 2GB bellek, 128GB SSD, Gigabit ethernet, Bluetooth, 3G, Wi-Fi, SRS TruSurround HD ses desteği, 1,3mp kamera, kart okuyucu, 3 adet usb 2.0, 2 hücreli batarya (7 saate kadar kullanım süresi) ve işletim sistemi Windows 7 Home Premium. Görüldüğü üzere herşeyi tam takır bir bilgisayar, tek eksiği ağırlığı :) Ürünün satışa çıkış ve ülkemize geliş tarihleri hakkında henüz bir bilgim yok fakat öğrendiğimde buradan sizlerle paylaşacağım.