Görseli PHP ile boyutlandırmak için örnek

1. Google'a "image library php" yazdığımda karşıma "PHP'de görüntü işlemek için en iyi 5 kütüphane" başlıklı bir yazı çıktı:
designbolts.com/2021/02/04/top-5-libraries-for-image-processing-in-php

2. Bu sayfada incelediğim kütüphaneler içinde biri gözüme kolay göründü: WideImage
wideimage.sourceforge.net

3. Diyelim ki şöyle bir form'dan PHP'ye görseli aktarıyorsunuz:

<form action="upload.php" method="post" enctype="multipart/form-data">
    <input type="file" name="my_file">
    <button type="submit">Yükle</button>
</form>

Butona basıldığında seçilen görsel upload.php sayfasına "my_file" key'iyle gönderilecek.

4. Görseli upload.php sayfasında yakalayıp kaydedin.

// Bu sayfayı json sonuç dönecek bir sayfa gibi düşünerek, 
// kolay sonuç döndürmek için birkaç fonksiyon yazıyorum.
function sendJson($type, $message='') {
    header('Content-Type: application/json; charset=utf-8');
    echo json_encode(["type"=>$type, "message"=>$message]);
    exit();
}
function sendError($message='') { sendJson("error", $message); }
function sendSuccess($message='') { sendJson("success", $message); }

// İşlemler buradan sonra başlıyor...

if(!isset($_FILES['my_file'])) sendError("Dosya bulunamadı.");

$fileName = basename($_FILES['my_file']['name']);
$fileSize = $_FILES['my_file']['size'];
$fileTmpName  = $_FILES['my_file']['tmp_name'];
$fileType = $_FILES['my_file']['type'];
$fileExtension = strtolower(end(explode('.',$fileName)));

if (!in_array($fileExtension,['jpeg','jpg','png'])) sendError('Dosya uzantısı geçersiz. Lütfen jpg veya png dosya seçin');

if ($fileSize > 4 * 1024 * 1024) sendError('Dosya boyutu 4 mb üzerinde olamaz.');

$bigImagePath = 'images/'.$fileName; // Bu php dosyasının olduğu aynı yerde images klasörü de olmalı.
$smallImagePath = 'images/small/'.$fileName; // Bu php dosyasının olduğu aynı yerdeki images klasörü altında small klasörü de olmalı.
$uploaded = move_uploaded_file($fileTmpName, $bigImagePath);
if(!$uploaded) sendError('Dosya kaydedilemedi.');

5. WideImage kütüphanesini kullanarak görseli yeniden boyutlandırın ve ilgili klasörlerine kaydedin.

//... önceki kodlardan devam
include "libraries/WideImage.php"; // Bu php dosyasının olduğu aynı yerde libraries klasörü de olmalı. İçine de WideImage.php dosyası eklenmiş olmalı.

$bigImage = null;
$smallImage = null;
try {
    $bigImage = WideImage::load($bigImagePath);
    $smallImage = WideImage::load($bigImagePath);
}
catch (Exception $e) { sendError("Görsel upload edilememiş."); }

$bigImage = WideImage::load($bigImagePath);
$smallImage = WideImage::load($bigImagePath);

$bigImageResized = $bigImage->resize(1000, 1000, 'inside'); // Görseli 1000x1000 piksellik alana sığacak şekilde boyutlandırır.
$smallImageResized = $smallImage->resize(300, 300, 'inside'); // Görseli 300x300 piksellik alana sığacak şekilde boyutlandırır.

try {
    $bigImageResized->saveToFile($bigImagePath);
    $smallImageResized->saveToFile($smallImagePath);
}
catch (Exception $e) { sendError("Görsel boyutlandırma başarısız oldu."); }

Kodları test etmeden direkt buraya yazdım. WideImage sınıfını da hiç kullanmadım. Umarım bu şekilde çalışır.

6. Görseli değil, görselin ismini veritabanına kaydedin.
Görselin adı $fileName değişkeninde bulunuyor. Veritabanına bağlanmak için kullanıyorsunuz bilmiyorum. PDO için örnek vereyim:

//...önceki kodlardan devam
$db = null;
try { $db = new PDO("mysql:host=localhost;dbname=test;charset=utf8", "root", "123456"); } 
catch ( PDOException $e ){ sendError("Veritabanına bağlanılamadı."); }

$query = $db->prepare("INSERT INTO gorseller SET dosya_adi = :fileName");
$insert = $query->execute(["fileName"=>$fileName]);
if(!$insert) sendError("Görsel adı veritabanına yazılamadı.");

sendSuccess("Görsel başarıyla kaydedildi.");

Bu örneklerin yardımcı olacağını sanıyorum.
Eğer yanlış yazdığım bir yer bulursanız lütfen belirtin, bu gönderimi düzenleyeyim.

Sorunuzun cevabı şu gönderinizde mevcut sanıyorum:
prototurk.com/soru/jquery-ile-veri-guncelleme-js-kodunda-duzenleme

Evet, güncellenmeyecektir. Siz aslında #tablo1USDTRYdegisim elementine hep aynı değeri basıyorsunuz.
$source adlı değişkende tuttuğunuz adrese bir istek atılıyor ve bu isteğe yanıt geldikten sonra front-end tarafında alış ve satış alanlarını dolduruyorsunuz. Bu alış-satış değerlerinin hesaplanmasını yine front-end tarafında javascript ile yapmalısınız.

$.getJSON('<?=$source?>', function(data) {
    var alis = Number(data.data.ALTIN.alis);
    var satis = Number(data.data.ALTIN.satis);
    var kapanis = Number(data.data.ALTIN.kapanis);
    var degisim = "%" + (((satis - kapanis) * 100) / satis).toFixed(2);
    $("#tablo1USDTRYalis").html(alis);
    $("#tablo1USDTRYsatis").html(satis);
    $("#tablo1USDTRYdegisim").html(degisim);
});

Sizin kodunuzun neden çalışmadığının cevabı, sunucunun çalışma mantığında saklı.
Siz bu javascript kodunuzun bulunduğu php dosyasına erişmek istediğinizde, yani istek attığınızda,

• Önce sunucu bu dosyayı yukarıdan aşağıya okumaya başlar.
• PHP tag'ı gördüğü yerlerde php işlemlerini yapar ve buralara çıktılarını basar.
• Sunucu sayfayı okumayı bitirdiğinde artık PHP tagları içine yazdığınız hiçbir şey ortada yoktur. PHP tagları ortadan kalkmıştır. Bu tagların yerine, PHP'nin hesapladığı değerler siz elinizle sonuçları hesaplayıp düz yazıyla yazmışsınız gibi yazılmıştır.
• Sunucu size yanıtı gönderirken artık PHP ile bir bağınız kalmamıştır. İstek yapan tarayıcıya dümdüz bir metin gelir.
• Tarayıcı bu dümdüz metni alıp anlamlandırmaya çalışır. İçinde kendince yorumlayabileceği neler var diye yukarıdan aşağıya tarar. Tabii ki burada tarayıcı hiçbir PHP tag'ıyla karşılaşmaz. PHP taglarının yerinde çoktan hesaplanmış değerleri görür.
• Sıra sizin $.getJSON() fonksiyonunuza geldiğinde tarayıcının gördüğü şey '<?= $source ?>' değil, onun yerinde hangi ifade olması gerekiyorsa odur. Aynı şekilde $("#tablo1USDTRYdegisim").html('<?= $hasdegisim ?>') için de öyle. Aslında siz otomatik değişecek bi'şey yazdığınızı düşünürken tarayıcı o satıra geldiğinde gördüğü şöyle bi'şeydir: $("#tablo1USDTRYdegisim").html('0.231232'). Böylece tarayıcı #tablo1USDTRYdegisim elementine hep aynı ifadeyi yazmaya çalışır.
• Tarayıcılar PHP gibi sunucu taraflı dillerin kodlarını göremezler. Sadece PHP işini bitirdikten sonraki halini görebilirler. PHP'yi görselerdi bile çalıştıramazdı çünkü PHP yorumlamayı bilmiyorlar. Bu yüzden, isteğe yanıt döndüğünde, yani siz sayfayı gördüğünüzde artık PHP ile bağınız kalmamıştır. Geri kalan işlemleri ancak javascript'le halledebilirsiniz.

Alında title ile aynı yöntemle yapabilirsiniz.
Hatta aslında bir masterpage oluşturup sayfalarınızı buraya aktarmanız daha da güzel olur.
Böylece header.php, footer.php gibi ayrımlara gitmek zorunda kalmaz ve PHP-HTML ayrımını güçlendirmiş, MVC mantığına yaklaşmış olursunuz.
View sayfanıza göndereceğiniz verileri kendinizce organize edeceğiniz bir değişkene aktarın.

haber.php

$viewBag = [
    'page' => "haber.php",
    'title' => "Güncel Haberler",
    'headTags' => [
        '<link id="stylecall" rel="stylesheet" href="./css/haber.css" />',
        '<link id="stylecall" rel="stylesheet" href="./css/baska.css" />'
    ],
    'footTags' => [
        '<script src="./js/haber.js"></script>',
        '<div>İstenen herhangi bir kod</div>'
    ]
];

include("masterpage.php");

masterpage.php

<html>
    <head>
        <title><?=$viewBag['title']?></title>
        <link id="stylecall" rel="stylesheet" href="./css/master.css" />
        <?=implode($viewBag['headTags'])?>
    </head>
    <body>
        
        <?php include($viewBag['page']) ?>
        
        <script src="./js/jquery3.min.js"></script>
        <script src="./js/master.js"></script>
        <?=implode($viewBag['footTags'])?>
    </body>
</html>

masterpage.php'de kullandığınız tüm $viewBag key'lerini haber.php gibi sayfalarınızda oluşturmalısınız. Mesela haber.php'de footTags kısmına bi'şey eklemek istemiyorsanız bile footTags key'ini oluşturup boş dizi göndermelisiniz. Bu masterpage için bir standart oluşturmuş olacaksınız.

Görselleri orantılı boyutlandırmak için CSS'in aspect-ratio özelliğini kullanabilirsiniz. Örneğin:

img {
    width:100%;
    aspect-ratio: 16/9;
}

Böylece <img /> elementiniz genişliğie göre kendini boyutlandırırken yüksekliğini de orantılı olarak koruyacaktır.

Eğer img boyutları sabit olsun ama görsel bu alanda kendini yerleştir istiyorsanız CSS'in object-fit özelliğini kullanabilirsiniz. Örneğin:

img {
    width:300px;
    height:300px;
    background-color:#000;
    object-fit: cover; /* görseli kırpılmış şekilde 300x300'lük alana yerleştirir. cover yerine contain derseniz kırpmadan boyutlandırma yapar. */
}

Javascript ile yapabilirsiniz.

var $telcode = document.getElementById("telcode");
var $input = document.getElementById("inputTel");
var placeholderValues = { TR: "+90", US: "+1", UK: "+44", Japan: "+81" };
$telcode.addEventListener("change",function(e) {
    var targetValue = placeholderValues[e.target.value];
    $input.placeholder = targetValue ? targetValue : "?";
});

md5 herhangi uzunluktaki bir veriyi alıp 32 adet hexadecimal sayıya (toplam 128 bit) çevirir.

sha1 ise tıpkı md5 gibi çalışır ama bu kez 40 adet hexadecimal sayı (160 bit) elde edilir.

Verdiğiniz örnek kodda hexadecimal olmayan karakterler mevcut ve sonu = karakteriyle bitmiş.
Büyük ihtimalle bir base64 encoding yapılmış.
Base64 hakkında bilgi edinmek için: Base64 - Vikipedi