gestione dimensioni immagini con php

[blekm]

ho un sito dove l'idea è di far fare l'upload delle immagini al cliente, semplicemente tramite form.
Adesso, sul lato pubblico, le dimensioni che vorrei usare diciamo che sono

300x200 (immagine grande)
60x40 (thumbnail, grandezza più piccola in proporzione all'immagine grande).

Ho diversi dubbi:

1. se un cliente inserisce una foto da 4mp (2280x1700, è solo un esempio per dire una dimensione diversa da 300x200), come gestisco la cosa? La dimensione 2280X1700 non si può ridurre automaticamente a 300x200, non ha la proporzione giusta...

2. come gestire il discorso delle foto verticali?:master:

o più in generale, cosa faccio se il cliente inserisce una foto 2000x200 (ragionando per assurdo, mettiamo sia una panoramica). Come posso riportare le dimensioni in 300x200?

Devotrovare una maniera che per ogni foto inserita, io ottengo una foto salvata sul server con le dimensioni 300x200 (oppure 200x300 in caso di foto verticali).

Qualunque idea/consiglio è ben accetto.

[Andrea1979]

se non vuoi introdurre distorsioni, fai del "clipping", ossia tagli i pezzi di troppo.

[blekm]

ma cosi non rischio di intaccare il soggetto dell'immagine?

la cosa più comoda (ma non penso che esista) sarebbe uno script che mi permette di impostare manualmente le misure larghezza/altezza, dargli un immagine e ritagliare con quelle dimensioni la parte di immagine che voglio io.
Praticamente quello che fa Taglierino di Photoshop..

[Andrea1979]

sono decisioni che devi prendere tu: se la foto a grandezza piena dev'essere 200 x 300 o 300 x 200 (ossia non sono thumbnails) e non vuoi perdere niente, puoi anche incollare l'immagine "non standard" su uno sfondo neutro con le giuste proporzioni e ridimensionare quella.

[blekm]

no, questo no. Io non voglio sfondi sotto, o barre bianche, o cos'altro..
voglio comunque che l'immagine sia piena a 300x200.

esempio (vedi allegato)

bordo blu (400x200). Come faccio ad essere sicuro che non "taglio male"? Nel senso, se comincio a contare da un qualsiasi angolo ( e non sapendo il soggetto, non so neanche quale angolo sarebbe corretto) rischio di tagliare parti importanti della foto... mi sono spiegato?
i tre colori interni sono 300x200..

[Andrea1979]

non lo puoi sapere e non puoi salvare capra e cavoli in automatico. Puoi solo fare supposizioni, ossia che la maggior parte delle persone metterebbe il soggetto più o meno al centro dell'inquadratura... ma anche questo è un discorso aleatorio. In definitiva o abbandoni il formato fisso (scali solo secondo un parametro fisso, per esempio 200 di altezza massima) oppure prendi delle decisioni dolorose per quanto riguarda l'immagine (clipping, sfondo, distorsione).... oppure lasci all'utente la possibilità di selezionare che parte dell'immagine salvare con qualcosa del genere:

http://www.defusion.org.uk/code/java...scriptaculous/

[blekm]

Originariamente inviato da Andrea1979
oppure lasci all'utente la possibilità di selezionare che parte dell'immagine salvare con qualcosa del genere:

http://www.defusion.org.uk/code/java...scriptaculous/

questo potrebbe essere una soluzione, si. L'avevo già trovato una volta, ma non ho capito come fare il cropping fissando le dimensioni a mio piacere...

[Andrea1979]

gli esempi sono quelli Ratio 4:3 e 16:9

http://www.defusion.org.uk/demos/060...bmit=Load+demo

Per esempio, la selezione sarà sempre 4:3. Tu farai due implementazioni 3:2 per le immagini orizzontali e 2:3 per quelle verticali. L'utente selezionerà l'area di interesse (anche ridimensionando lo slider) e nella pagina di elaborazione per prima cosa copierai secondo i parametri (x,y width e height) settati dall'utente, e poi scalerai a 300 x 200 o 200 x 300.

[blekm]

non riesco a capire

partendo dal tuo link (semplicemente facendo load 4:3 Castle) mi trovo nella situazione del tuo link...

poi? facciamo che io utente ho selezionato il castello con dimensioni superiori a 300x200.. poi? :master:

la pagina di elaborazione cos'è?

per croppare?

grazie per la pazienza.

[Andrea1979]

Quello che tu vedi alla destra dell'immagine, con le coordinate e le dimensioni dell'area di selezione, altro non è che un form. Tu devi semplicemente prendere l'esempio che trovi in quella pagina, modificare l'inizializzazione dello script - ossia invece di

new Cropper.Img( 'testImage', { ratioDim: { x: 220, y: 165 }, displayOnInit: true, onEndCrop: onEndCrop } );

avrai qualcosa del genere:

new Cropper.Img( 'testImage', { ratioDim: { x: 300, y: 200 }, displayOnInit: true, onEndCrop: onEndCrop } );

e un tasto di submit verso la pagina che fa effettivamente il crop e resize in PHP dell'immagine. Meglio di così non te lo so spiegare.