PHP ile resim yeniden boyutlandırma işlemleri, web sitenizin performansını etkileyen bir faktördür Bu kılavuzda PHP kullanarak resim boyutlarınızı kolayca değiştirebilir ve hızlı bir web sitesi için optimize edebilirsiniz Detaylı açıklamalar ve örneklerle, resim boyutlandırmanın nasıl yapıldığını öğrenin

Web siteleri için hızlı ve düzgün yükleme süreleri oldukça önemlidir. Bu nedenle, resim boyutlarındaki uyumsuzluklar web sitenizin yavaş yüklenme sürelerine neden olabilir. Buna ek olarak, uyumsuz resim boyutları, düzgün görüntülenemeyen resimlerin ortaya çıkmasına sebep olabilir. Resim boyutlandırmanın önemi bu kadar yüksekken, işlemin nasıl yapılacağı da oldukça önemlidir.

Bu makalede, PHP kullanarak resimlerin boyutlarını nasıl değiştireceğinizi öğreneceksiniz. Makalede, proportional resize/kesme özellikleri ve canvas özelliği kullanılarak resimleri nasıl boyutlandıracağınıza dair örnek kod parçaları yer almaktadır. Uyguladığınız yönteme bağlı olarak, resimlerin boyutunu istediğiniz şekilde değiştirebilir ve daha hızlı yükleme süreleri elde edebilirsiniz.

Resim Yeniden Boyutlandırmanın Önemi

Web siteleri için, resimlerin uygun boyutlarda olması oldukça önemlidir. Bir web sitesinde yavaş yükleme sürelerine ve düzgün görüntülenmeyen resimlere neden olan en yaygın sorunlardan biri, uyumsuz resim boyutlarıdır. Resimlerin boyutları, web sitesindeki genel performansı da etkileyebilir. Eğer resimler çok büyük ise, kullanıcıların web sitenizi ziyaret etmesi zorlaşır ve sayfa yükleme süresi artar. Bu da kullanıcı deneyimini olumsuz etkiler.

Ayrıca, uyumsuz resim boyutları düzgün görüntülenmeyen resimlere neden olabilir. Atlamalı, pixelize olmuş veya ezilmiş görüntüler, kullanıcılara web sitenizi amatörce hazırlanmış bir site olarak gösterir. Bu nedenle, web sitenizin görsel tasarım kalitesini artırmak, sıkıntısız bir kullanıcı deneyimi sunmak ve daha fazla ziyaretçi çekmek için resimlerin boyutlarını yüksek kaliteli bir şekilde yeniden boyutlandırmak önemlidir.

Bunun için PHP, oldukça kullanışlı bir programlama dili olarak öne çıkmaktadır. PHP ile resimlerin boyutlarını uyumlu hale getirerek, kullanıcıların sitenizi daha verimli şekilde kullanmalarını sağlayabilirsiniz. Ayrıca, arama motorlarında sitenizin daha üst sıralarda yer almasını sağlayacak SEO dostu resimler elde etmeniz de mümkün olabilir.

Resim Yeniden Boyutlandırma Yöntemleri

Resim boyutlarını değiştirmek istediğinizde farklı yöntemleri kullanabilirsiniz. Bunlar arasında Proportional Resize, kesme özelliği ve canvas özelliği yer alır.

• Proportional Resize: Bu yöntem, resim boyutlarına ilişkin oranları koruyarak resim boyutlarının değiştirilmesidir. Örneğin, bir resmi yalnızca genişliği 400 piksel olarak yeniden boyutlandırmak istediğinizde, yükseklik orantılı olarak ayarlanacaktır.
• Kesme Özelliği: Bu yöntem, resim boyutlarının sabit değerleri verilerek özelleştirme işlemidir. Örneğin, bir resmi genişliği 400 piksel, yüksekliği 300 piksel olarak kesmek istediğinizi varsayalım. Bu yöntemle resim oranının korunamaması nedeniyle kesilerek ezilme veya bozulma oluşabilir.
• Canvas Özelliği: Bu yöntem, resim boyutunu ve kompozisyonunu tamamen kontrol etmenizi sağlar. Bu yöntem, resimleri kırpma, kıvrılma, ölçeklendirme ve özel efektler eklenmesi gibi daha gelişmiş özelliklere sahip olmak isteyenler için idealdir.

Yukarıdaki yöntemler, resimleri özelleştirmek için en yaygın olarak kullanılan yöntemlerdir. Proportional Resize veya kesme özelliği kullanarak resmi boyutlandırmak daha basittir, ancak canvas özelliği daha gelişmiş yöntemler gerektiren durumlar için daha uygundur.

Proportional Resize

Proportional Resize yöntemi, önemli oranlar ve oranlar korunarak resim boyutlarını değiştirmeniz için idealdir. Bu yöntemde, genellikle genişlik veya yükseklik değerleri belirtilerek, yeniden boyutlandırılmak istenen resmin boyutları belirtilir. Bu yöntemle, resimlerinizi bozmadan boyut değiştirme olanağı sağlar. Örneğin, bir resmi genişliği 400 piksel olarak yeniden boyutlandırmak istediğinizde, yükseklik orantılı olarak ayarlanacaktır. Ancak, orantıları koruyarak yeniden boyutlandırmak için daha yüksek matematiksel hesaplama yapılması gerektiğini hatırlamalısınız. Bu yöntem, resimler arasındaki orantıyı koruyarak yeniden boyutlandırmayı, resimlerinizin orijinal boyutlarını bozmamak ve görüntü kalitesini kaybetmeden boyutlandırmak için idealdir.

Proportional resize yöntemi, resim boyutlarına ilişkin oranları koruyarak resim boyutlarının değiştirilmesi yöntemidir. Örneğin, bir resmi genişliği 400 piksel olarak yeniden boyutlandırmak istediğinizde, yükseklik orantılı olarak ayarlanacaktır. Bu yöntemi kullanmak için, öncelikle belirli bir boyutu olan bir resim dosyasını PHP'ye yüklemelisiniz. Sonrasında, belirtilen boyutlarda önizleyebileceğiniz bir resim dosyası oluşturacaktır.

Proportional resize yöntemini kullanarak resim yeniden boyutlandırma kodu aşağıdaki gibidir:

   $resim = imagecreatefromjpeg($resimAdi);   $genislik = imagesx($resim);   $yukseklik = imagesy($resim);   $yeniGenislik = 400;   $yeniYukseklik = floor(($yukseklik/$genislik)*$yeniGenislik);   $yeniResim = imagecreatetruecolor($yeniGenislik,$yeniYukseklik);   imagecopyresampled($yeniResim,$resim,0,0,0,0,$yeniGenislik,$yeniYukseklik,$genislik,$yukseklik);   imagejpeg($yeniResim,$resimAdi);   imagedestroy($yeniResim);

Yukarıdaki kodu kullanarak, belirtilen genişlikte resmi yeniden boyutlandırabilirsiniz.

Resim boyutunu değiştirmek, özellikle web siteleri için çok önemlidir, ancak oran korunmadan yapılan değişiklikler resmi bozabilir. Bu nedenle, Proportional Resize, resim boyutlarına oranları koruyarak değiştirme yöntemidir. Örneğin, bir resmi genişliği 400 piksel olarak yeniden boyutlandırmak istediğinizde, yükseklik orantılı olarak ayarlanacaktır. Bu yöntemin kullanılması, resmin bozulmasını önler ve resmi daha iyi görüntüleyebilirsiniz.

Aşağıdaki tabloda, Proportional Resize yöntemi ile resim boyutunu değiştirme işleminin örneği verilmiştir:

Bu kod, oranları koruyarak resmi 400 piksel genişliğe ölçeklendirir, yükseklik de oranlarına uygun olarak ayarlanır. Böylece resim bozulmadan yeniden boyutlandırılmış olur.

Örnek Kod

genişliği 400 piksel olarak yeniden boyutlandırmak için gerekli kod aşağıdaki gibidir:

<?php$width = 400;$img = imagecreatefromjpeg("test.jpg");$old_width = imagesx($img);$old_height = imagesy($img);$new_width = $width;$new_height = floor($old_height * ($new_width / $old_width));$resized_img = imagecreatetruecolor($new_width, $new_height);imagecopyresampled($resized_img, $img, 0, 0, 0, 0, $new_width, $new_height, $old_width, $old_height);imagejpeg($resized_img, "resized.jpg");imagedestroy($img);imagedestroy($resized_img);?>

Yukarıdaki kod, test.jpg dosyasındaki resmi yeniden boyutlandıracak ve yeniden boyutlandırılmış resmi resized.jpg dosyasında kaydedecektir. Kodu takip ederek resimlerinizin boyutlarını değiştirebilirsiniz.

Proportional Resize yöntemi, resimi istenilen genişliğe göre yeniden boyutlandırırken resmin yüksekliğinin orantısını da koruyarak ezilme veya bozulma olmadan boyutlandırmayı sağlar. Örneğin, bir resmi genişliği 400 piksel olarak yeniden boyutlandırmak istediğinizde, yükseklik orantılı olarak ayarlanacaktır. Bu yöntem, resmin boyutundaki değişiklikleri minimum düzeyde tutarken uygun boyuta getirmek için idealdir.

Proportional Resize yöntemini kullanmak için aşağıdaki örnek kodu kullanabilirsiniz:

<?php$genislik = 400;$hedef_resim = "hedef_resim.jpg";$original = imagecreatefromjpeg("orijinal_resim.jpg");$orj_genislik = imagesx($original);$orj_yukseklik = imagesy($original);$yukseklik = ceil(($orj_yukseklik/$orj_genislik)*$genislik);$resim = imagecreatetruecolor($genislik,$yukseklik);imagecopyresampled($resim,$original,0,0,0,0,$genislik,$yukseklik,$orj_genislik,$orj_yukseklik);header('Content-Type: image/png');imagepng($resim,$hedef_resim);imagedestroy($original);imagedestroy($resim);?> 

Bu kod bloğunu kullanarak, resmi genişliği 400 piksel olan hedef_resim.jpg olarak yeniden boyutlandırabilirsiniz. Ek olarak, imagepng() fonksiyonunda belirttiğiniz formata göre resmi kaydedebilirsiniz.

Aşağıdaki örnek kodu kullanarak, bir resmi genişliği 400 piksel olarak yeniden boyutlandırabilirsiniz:

<?php  $resim = imagecreatefrompng('resim.png');  list($genislik, $yukseklik) = getimagesize('resim.png');  $yeni_genislik = 400;  $yeni_yukseklik = $yukseklik * ($yeni_genislik / $genislik);  $yeni_resim = imagecreatetruecolor($yeni_genislik, $yeni_yukseklik);  $eski_resim = imagecreatefrompng('resim.png');  imagecopyresampled($yeni_resim, $eski_resim, 0, 0, 0, 0, $yeni_genislik, $yeni_yukseklik, $genislik, $yukseklik);  imagepng($yeni_resim, 'yeni_resim.png', 9);  imagedestroy($yeni_resim);  imagedestroy($eski_resim);?>

Bu kodu kopyalayıp yapıştırarak kullanabilirsiniz. Bu kod sayesinde, resmin genişliği 400 piksel olarak yeniden boyutlandırılacak ve yeni dosya adı "yeni_resim.png" olarak belirlenecektir.

Örnek Kod

Burada, bir resmi PNG formatında kaydetmek için gerekli kod parçası gösterilir. Yeni ayarları uyguladıktan sonra resmi PNG formatında kaydetmek, kalite kaybetmeden boyutlandırmanın önemli bir adımıdır.

imagepng($new_image, 'resim.png');

Bu kod, resim boyutlandırmanın önemli bir adımıdır ve web sitelerinde yüksek kaliteli ve uygun boyutlu resimlerin kullanılmasını sağlar. Bu örnek kod, PHP ile resim yeniden boyutlandırmayı öğrenmek isteyenler için faydalı olacaktır.

Kesme Yöntemi

=Resim boyutlarının sabit değerleri verilerek özelleştirme işlemidir. Bu yöntem, özellikle resimleri oranları koruyamayacağımız durumlarda kullanılabilir. Ancak resim oranının bozulma riski nedeniyle yüksek kaliteli resimlerde kullanılması önerilmez. Bu yöntemle, önceden belirlenmiş bir genişlik ve yükseklik değeri verilerek, resim belirtilen boyutlarda kesilecektir. Örneğin bir resmi genişliği 400 piksel ve yüksekliği 300 piksel olarak kesmek istediğimizi varsayalım. Kodumuzda, kesme yöntemini kullanarak resim boyutunu belirtilen değerlere göre özelleştirebiliriz.

$width = 400;

// kesilecek resmin genişliği

$height = 300;

// kesilecek resmin yüksekliği

$image = imagecreatefromjpeg('resim.jpg');

// kesilecek resmin dosya yolu ve tipi

$cropped_image = imagecrop($image, ['x' => 0, 'y' => 0, 'width' => $width, 'height' => $height]);

// belirlenen boyutlarda resim kesimi

imagepng($cropped_image, 'yeni_resim.png');

// PNG formatında kaydedilmiş resim

Bu kodumuz, belirtilen genişlik ve yükseklik değerleri doğrultusunda resmi keser ve PNG formatında kaydeder. Bu yöntemi kullanarak, resimlerinizi özelleştirerek ihtiyacınız olan boyutlara uygun hale getirebilirsiniz.

Kesme yöntemi, resim boyutlarının sabit değerleri verilerek özelleştirme işlemidir. Bu yöntemle resim oranının korunamaması nedeniyle kesilerek ezilme veya bozulma oluşabilir. Örneğin, bir resmi genişliği 400 piksel, yüksekliği 300 piksel olarak kesmek istediğinizde, bu yöntemi kullanabilirsiniz.

Aşağıdaki örnek kod, kesme özelliğini kullanarak resim boyutunu genişliği 400 piksel, yüksekliği 300 piksel olarak yeniden boyutlandırmak ve resmi PNG formatında kaydetmek için gereken kodu göstermektedir.

Yukarıda yer alan örnek kodu kullanarak resim boyutunu genişliği 400 piksel, yüksekliği 300 piksel olarak yeniden boyutlandırabilirsiniz. İşlem sonunda resmi PNG formatında kaydedebilirsiniz.

Resim boyutlarının sabit değerleri verilerek özelleştirme işlemidir. Örneğin, bir resmi genişliği 400 piksel, yüksekliği 300 piksel olarak kesmek istediğinizi varsayalım. Bu yöntemle resim oranının korunamaması nedeniyle kesilerek ezilme veya bozulma oluşabilir. Bu nedenle, kesme yöntemi için ölçülerin doğru seçilmesi önemlidir. Ayrıca, resmin belirli bir alanını kesmek için koordinatlar belirlemek de mümkündür.

Kesme yöntemi, propotional resize yöntemi gibi orantılı boyutlandırma sağlamaz. Bu nedenle, özellikle çift boyutlu grafikler veya fotoğraflar gibi oranların korunmasının önemli olduğu durumlarda kesme yöntemi uygun değildir. Ancak, özellikle logolar veya simgeler gibi belirli boyutlarda resimler için kesme yöntemi oldukça etkilidir.

Örnek Kod

Bu örnekte, kesme özelliğini kullanarak resim boyutunu değiştirmek için gereken PHP kodları aşağıda verilmiştir:

Bu kodları kullanarak resmin boyutunu istediğiniz özelliklerde kesip yeniden boyutlandırabilirsiniz. Tek yapmanız gereken, bu kodları kendi projelerinizde kullanmak için uygun hale getirmektir.

Kesme yöntemi, resim boyutlarının sabit değerleri verilerek özelleştirme işlemini gerçekleştirmek için kullanılır. Örneğin, bir resmi genişliği 400 piksel, yüksekliği 300 piksel olarak kesmek istediğinizde, bu yöntem kullanılabilir. Ancak, bu yöntem resim oranının korunamaması nedeniyle, resmin ezilerek veya bozulma oluşabilir.

Canvas özelliği, resim boyutunu ve kompozisyonunu tamamen kontrol etmenizi sağlar. Bu yöntem, resimleri kırpma, kıvrılma, ölçeklendirme ve özel efektler eklenmesi gibi daha gelişmiş özellikler isteyenler için idealdir. Resim boyutunu sıfırdan yeniden boyutlandırabilir veya mevcut boyutu yükseltebilir veya düşürebilirsiniz.

Aşağıdaki örnek kodda, canvas özelliğini kullanarak resim boyutunu genişliği 400 piksel, yüksekliği 300 piksel olarak yeniden boyutlandırarak ve resmi PNG formatında kaydetmek için gereken kod verilmiştir.

<?php$filename = 'ornek-resim.jpg';list($width, $height) = getimagesize($filename);$new_width = 400;$new_height = 300;$new_image = imagecreatetruecolor($new_width, $new_height);$old_image = imagecreatefromjpeg($filename);imagecopyresampled($new_image, $old_image, 0, 0, 0, 0, $new_width, $new_height, $width, $height);header('Content-Type: image/png');imagepng($new_image, 'yeniden-boyutlandirilmis-resim.png');imagedestroy($new_image);imagedestroy($old_image);?>

Bu kod parçası, önce orijinal resimden genişlik ve yükseklik bilgilerini elde eder. Daha sonra, yeni boyutlarla bir "boş" resim oluşturur ve eski resmi yeni boyuta uyacak şekilde kopyalar. Son olarak, resmi PNG formatında kaydeder.

Canvas Özelliği

Resim yeniden boyutlandırmak için canvas özelliği kullanmak oldukça önemlidir. Bu özellik sayesinde, resim boyutlarını ve kompozisyonunu tamamen kontrol edebilirsiniz. Canvas özelliği kullanarak, resimleri kırpabilir, kıvrılabilir, ölçeklendirebilir ve özel efektler ekleyebilirsiniz. Bu yöntem, resimlerinizin daha gelişmiş özelliklere sahip olmasını isteyenler için ideal bir seçenektir.

Canvas özelliği kullanarak resim yeniden boyutlandırırken, aşağıdaki özelliklere sahip olabilirsiniz:

• Kompozisyon kontrolü
• Özel efektler ekleme
• Renk ayarlama
• Kırpma ve ölçeklendirme
• Diğer gelişmiş özellikler

Canvas özelliği kullanarak resimlerinizin boyutlarına ilişkin tam bir kontrol sağlayabilirsiniz. Bu özellik, resim boyutlarını ve kompozisyonlarını tamamen kontrol edebilmeniz için size gereken araçları sağlar. Böylece, resimlerinizi web sitenizde çok daha etkileyici hale getirebilirsiniz.

Örnek Kod

Bu örnekte, canvas özelliği kullanılarak resim boyutunun genişliği 400 piksel, yüksekliği 300 piksel olarak yeniden boyutlandırılması ve resmin PNG formatında kaydedilmesi için gerekli olan kod parçası aşağıda yer almaktadır:

<?php$thumbnail = imagecreatetruecolor(400, 300);$source = imagecreatefromjpeg("resim.jpg");list($width, $height) = getimagesize("resim.jpg");$newwidth = 400;$newheight = 300;$virtual_image = imagecreatetruecolor($newwidth,$newheight);imagecopyresampled($virtual_image,$source,0,0,0,0,$newwidth,$newheight,$width,$height);imagepng($virtual_image, "yeniden-boyutlandirilmis-resim.png");imagedestroy($virtual_image);?>

Bu kodun ilk satırı, yeni resim için bir görüntü kaynağı oluşturur. Ardından, "resim.jpg" adlı kaynak resim dosyası "imagecreatefromjpeg" fonksiyonu kullanılarak açılır.

getimagesize fonksiyonu, kaynak resim dosyasının boyutunu almak için kullanılır ve alınan bu boyutlar, yeniden boyutlandırmak için gerekli olan oranları hesaplamak için kullanılır.

Yeni boyutlar, $newwidth ve $newheight değişkenleri olarak tanımlanır ve görüntüyü yeniden boyutlandırmak için imagecopyresampled fonksiyonu kullanılır. Daha sonra, imagepng fonksiyonu kullanılarak yeniden boyutlandırılmış resim kaydedilir ve imagedestroy fonksiyonu kullanılarak gereksiz bellek kullanımı önlenir.

Kesme yöntemi, resmin boyutunu sabit bir değerlere göre özelleştirir. Bu yöntemle resim boyutları korunamadığı için çarpma veya bozulma meydana gelebilir. Örneğin, bir resmi genişliği 400 piksel, yüksekliği ise 300 piksel olarak değiştirmek istediğinizde, bu yöntemi kullanabilirsiniz. Aşağıdaki örnek kod ile resmi keserek boyutu değiştirebilirsiniz:

Yukarıdaki örnek kod ile belirtilen boyutlarda bir resim oluşturulur ve yeni boyutlar kullanılarak resim kesilir. Daha sonra, oluşturulan yeni resim PNG olarak kaydedilir.

Resimlerin genişlik ve yüksekliğini ayarlamak için, canvas özelliğini kullanarak özelleştirme işlemleri yapmanız gerekir. Aşağıdaki örnekte, genişliği 400 piksel, yüksekliği 300 piksel olarak yeniden boyutlandırılmış bir resmin PNG formatında kaydedilmesi için gerekli kod yer almaktadır:

        // Resmi oluştur        $resim = imagecreatetruecolor(400, 300);        // Resmi kaydet        imagepng($resim, "yeni_resim.png");        

Canvas özelliği sayesinde, resimlerinizi kırpabilir, boyutlandırabilir, filtreler ve efektler ekleyebilirsiniz. Bu, resimlerinizi daha yaratıcı hale getirerek, web sitenizde daha etkileyici bir görsel deneyim sağlayabilirsiniz.

Kaynak Kodları Yerleştirmek

Yayınladığınız web sitelerinde kullanılan PHP kodları için, kodları depolamanın birkaç yolu vardır. İlk olarak, kodlarınızı GitHub, SourceForge ve benzeri depolama sitelerinde tutabilirsiniz. Bu sitelerin sağladığı avantajlar arasında kodlarınızın güvenliğinin ve kolay erişiminin yanı sıra, diğer kullanıcılar tarafından takip edilerek hataların ve geliştirmelerin yapılabilmesi sayılabilir.

Ayrıca, kodlarınızı açık kaynaklı CMSlerde kullanabileceğiniz bir eklenti haline getirerek de yayınlayabilirsiniz. Örneğin, WordPress veya Joomla gibi CMSlerin geniş eklenti kütüphaneleri vardır ve bu kütüphanelerde, resim boyutlandırma, galeri oluşturma ve diğer birçok özellik için PHP kodları barındıran eklentiler bulunabilir.

Değişikliklerin güncellenmesi ve izlenmesi, açık kaynaklı CMS eklentilerinin kullanımını önemli hale getirir. Bu eklentilerin bir kısmı, kodlarınızı CMS tarafından sağlanan arayüzler aracılığıyla yönetmenizi ve değiştirmenizi sağlar.

Bu seçenekler, yayınladığınız PHP kodlarını kolayca paylaşabilmeniz ve bir topluluğun bunları takip etmesine olanak tanıması açısından avantajlıdır. Bu, kodlarınızın daha hızlı ve güvenli bir şekilde gelişmesine yardımcı olabilir.

Sonuç

Web sitelerinde iyi bir görsel uyum sağlamak istiyorsanız, resim boyutlarını değiştirmeniz önemlidir. Bu makalede, PHP kullanarak resim boyutunu nasıl değiştirebileceğinizi öğrendiniz. Proportional Resize ve kesme yöntemleri ile canvas özelliği kullanarak resmi özelleştirmek, resimlerinizde daha gelişmiş efektler elde etmenize olanak tanır.

Ayrıca, örnek kodlar sayesinde resim boyutlandırmanın nasıl yapılabileceği hakkında da bilgi sahibi oldunuz. Örnek kodları kullanarak, resimleri gerektiğinde PNG veya diğer formatlarda kaydedebilirsiniz. Web siteniz için bu kodları depolama sitelerinde tutabilir veya açık kaynaklı CMS veya eklentilerde kullanabilirsiniz.

Resim boyutlandırma işlemi web siteleri için önemli bir ihtiyaçtır ve görsel uyum sağlamak için gereklidir. Bu makale ile PHP kullanarak resimlerin boyutlarını nasıl değiştirebileceğinizi öğrendiniz. Artık resimlerinizi istediğiniz şekilde boyutlandırabilir ve özelleştirebilirsiniz.