Chciałbym tworzyć miniaturki wgranych zdjęć zawsze o rozmiarze 100 x 100px - kwadrat.

Wymuszam aby zdjęcie miało minimum 100px szerokości (lub wysokości) oraz stosunek boków wynosił 1 z małym marginesem błędu.

Wszystko ok ale użytkownicy nie zawsze będą w stanie dostarczyć takie zdjęcie i nie chce wymagać od nich obróbki zdjęcia na komputerze.
W końcu naszym (programistów) celem jest ułatwić życie użytkownikom.

Przykładowo mamy zdjęcie wysokie:

200px wysokości na 100px szerokości.

Oczywiście gdy je zmniejszę do 100x100 (bez zachowania proporcji) to zdjęcie się spłaszczy.

Znaczna większość zdjęć będzie miała białe tło dlatego myślałem, aby w jakiś sposób "wypełnić zdjęcie tłem".
Idee prezentuje obrazek:


Czy to dobry pomysł i jakieś pomysły jak uzupełnić w te boki (lub w odwrotnej sytuacji górę i dół) obrazek?

Od razu uprzedzam odpowiedź - "croppery jQuery". W 99% przypadkach to co jest na obrazku musi w całości przejść (czyli nie tak jak jest przy avatarach gdzie wycinasz tylko twarz) tak więc, nawet jakbym dał możliwość wycinania to i tak polem nożyczek, nie był by w stanie zaznaczyć całego kwiatka.

Znając wielkość miniatury, a tym samy obszaru, w którym będziesz prezentował tą miniaturę użyj CSS background-color.

Zapomniałem dodać, że bardziej mi chodzi o rozwiązanie serwerowe.
Chciałbym mieć w folderze same obrazy 100x100 (równolegle ikony 32x32 ale to nieistotne).

Mam zainstalowany na serwerze ImageMagick

NIe bardzo rozumiem z czym masz problem. Wyliczasz najwiekszą możliwą skale. Do tej skali skalujesz obrazek. Jesli szerokosc obrazka wychodzi za mala to:
tworzysz bialy obraz 100x100 a na to wrzucasz wygenerowany obrazek o wspolrzednej X = (100-szerokosc obrazka)/2
Wszystko to jest banalne do zrealizowania przy pomocy php GD

Bez tych zgryźliwości w poście oszczędziłbyś z 10 sekund życia.

Po prostu nie wpadłem na pomysł z nakładaniem na siebie obrazków, szedłem raczej w stronę "dopinania" boków.

Wskaz mi prosze moje zgryźliwosci, bo chyba oboje inaczej odbieramy moj post. Nie kierowalem do Ciebie zadnych zgryźliwosci. Wyjasnilem ci jak to sie robi. A ze to sie robi banalnie, to jest fakt, a nie zgryźliwość

Ostatecznie poszedłem jednak moją ścieżką, nie umiałem zrealizować nakładania obrazów, a przy okazji szukania rozwiązań natknąłem się na metodę, która robi to czego potrzebuje:
imagick.extentimage

[PHP] pobierz, plaintext 
$image = new Imagick($path . $file_name);
 
$d = $image->getImageGeometry();
if ($d['width'] != $d['height'])
{
    if ($d['width'] > $d['height'])
    {
        $ratio  = $d['width'] / $dimension[0];
        $width  = $dimension[0];
        $height = $d['height'] / $ratio;
    }
    else
    {
        $ratio  = $d['height'] / $dimension[1];
        $width  = $d['width'] / $ratio;
        $height = $dimension[1];
    }
    $need_extent = TRUE;
}
else
{
    $width  = $dimension[0];
    $height = $dimension[1];
    $need_extent = FALSE;
}
 
$image->resizeImage($width, $height, Imagick::FILTER_LANCZOS, 1);
$image->setImageBackgroundColor($image->getImageAlphaChannel() ? 'None' : 'White');
if ($need_extent)
{
    $image->extentImage($dimension[0], $dimension[1], -($dimension[0] - $width) / 2, -($dimension[1] - $height) / 2);
}
 
$image->setImageFormat('png');
[PHP] pobierz, plaintext 

1. Liczenie wysokości i szerokości w oparciu o większy bok + określenie czy w ogóle potrzebujemy "wypełniania".
2. Ustalenie tła jest potrzebne inaczej zawsze wypełni białym, a zależy mi aby zachować przeźroczystość. Jeżeli ktoś wgrywa z białym tłem to już jego sprawa ale pomyślę o transformacji białego na transparent.
3. Trzeba wycentrować obraz współrzędnymi inaczej domyślnie (przy 0) obraz umieści z lewej.

Użyj imagemagick,
niektóre hostingi mają uruchomione i wpięte jako moduł:
$image = new \Imagick ();
$image->newImage ($this->width, $this->height,'white'); //TWOJE NOWE WYMIARY
$image->setImageOpacity(0);
$image->setBackgroundColor(new \ImagickPixel('transparent'));
//Przeskalowanie oryginału do rozdzielczości tutaj sobie popróbuj, ja korzystam z pełnego (100% pokrycia) oraz 100% widoczności (biały pasek z boków albo u góry/dołu)
$photo->scaleImage($newWidth, $newHeight);

a takie jak OVH, każą odwoływać się do systemu przez komendę:
$command = 'convert '.$this->_getPath().' -resize '.$newWidth.'x'.$newHeight.' -gravity center -background white -extent '.$this->width.'x'.$this->height.' '.$this->_getNewPath();


do rozpoznania czy jest wpięte jako moduł:
if (class_exists('Imagick'))
albo w phpinfo()

Aleś wywalił teraz

W każdym razie Twój kod nic nie wnosi, to zwykłe skalowanie.
Wyrzuć ten post.

Kolego, trochę pokory. Do dwóch użytkowników wyskakujesz z pretensjami za chęć pomocy.

Tutaj jest pokazany sposób skalowania do różnych wymiarów w sposób jaki chciałeś (fragment Twojego pytania), dalej nie miałem czasu żeby się rozpisywać aczkolwiek jeżeli piszą dwie osoby w ten sam deseń o tym więc logiczne że można zapoznać się z tym narzędziem (dokumentacja).

Wstępnie masz opracowanie skalowanie, podobnie musisz podstąpić z tłem.
Nakładanie na siebie obrazów (tworzenie tła czy znaku wodnego) to jedna dodatkowa komenda.
Naprowadzenie na dobrą drogę nie wystarczy?