Gestire dimensioni immagini

Tommy03

Utente Attivo
6 Giu 2018
600
55
28
17
Vicenza
Salve, vorrei realizzare un sistema in cui l'utente carica foto e queste vengono salvate in un database e poi mostrate in una pagina. Le foto vorrei che fossero mostrate con larghezza standard, mentre l'altezza in modo che rispetti le proporzioni dell'immagine originale, ma che non sia nè troppo alta nè troppo bassa (all'incirca uguale alla larghezza, oppure un po' più alta ad esempio se l'immagine originale aveva altezza maggiore della larghezza).
In generale, come mi consigliate di muovermi? Fare un resize prima di inserire l'immagine nel database, oppure in fase di visualizzazione? E in questo caso, mi conviene utilizzare il tag <img> oppure un <div> con background-image e magari cover?
Grazie
 

ninja72

Utente Attivo
15 Giu 2020
24
4
3
Ciao, ti consiglierei :
1) salva i percorsi delle immagini sul database (discorso prestazioni).
2) gestisci la risoluzione / compressione della foto lato server (classe php image resize).
3) utilizza i tag <img> per un discorso SEO.
 
  • Like
Reactions: Tommy03

MarcoGrazia

Utente Attivo
15 Dic 2009
788
16
18
59
Udine
www.stilisticamente.com
Salve, vorrei realizzare un sistema in cui l'utente carica foto e queste vengono salvate in un database e poi mostrate in una pagina. Le foto vorrei che fossero mostrate con larghezza standard, mentre l'altezza in modo che rispetti le proporzioni dell'immagine originale, ma che non sia nè troppo alta nè troppo bassa (all'incirca uguale alla larghezza, oppure un po' più alta ad esempio se l'immagine originale aveva altezza maggiore della larghezza).
In generale, come mi consigliate di muovermi? Fare un resize prima di inserire l'immagine nel database, oppure in fase di visualizzazione? E in questo caso, mi conviene utilizzare il tag <img> oppure un <div> con background-image e magari cover?
Grazie
Come ti hanno già detto, non mettere le foto sul database, prendono non solo spazio, ma ti ritrovi a scaricare da due server, uno Apache per il Web ed uno MySQL ( o altro simile ) dove viene fatta una richiesta non per pochi chilobyte, ma per qualche decina o centinaia, solo per far vedere una foto che poi va elaborata per mostrarla.
Meglio un link alla foto memorizzata nel disco fisso del sito.

A prescindere poi, se uno posta una foto alta il doppio della larghezza, che fai? La tagli?
Normalmente le applicazioni come Pinterest, Instagram ecc. fanno vedere le foto come se le vedessi dal buco della serratura, ovvero sono dentro una griglia genericamente a griglia fissa, con overflow fissato a hidden, così che ciò che è fuori non si vede.
Poi ci clicchi su e apri la foto intera, la foto sempre intera, se no chi la inserisce protesta perché gliel'hai tagliata in modo arbitrario.
Sulla dimensione fisica invece dipende da che disponibilità hai tu di server. Tieni presente che:
  • le foto mangiano tantissima banda e più ce ne sono e peggio è;
  • per il motivo di cui sopra vanno sempre ridotte in risoluzione e non lasciate di 250kb tanto ho la fibra;
  • chi usa un telefonino per guardare il tuo sito, non sempre ha un 4G a piena potenza, anzi praticamente mai nemmeno in centro a Milano, scaricarsi dieci foto da 250Kb significa mangiarsi due mega e mezza di banda solo su quella pagina, più il resto.
Per mostrare le foto in stile album di Facebook o Pinterest, cercati la tecnica chiamata Mansory.
 

Tommy03

Utente Attivo
6 Giu 2018
600
55
28
17
Vicenza
Grazie ad entrambi per le risposte.
Normalmente le applicazioni come Pinterest, Instagram ecc. fanno vedere le foto come se le vedessi dal buco della serratura, ovvero sono dentro una griglia genericamente a griglia fissa, con overflow fissato a hidden, così che ciò che è fuori non si vede.
Poi ci clicchi su e apri la foto intera, la foto sempre intera, se no chi la inserisce protesta perché gliel'hai tagliata in modo arbitrario
Quindi in pratica mi consiglieresti di salvare la foto interamente e poi mostrarne solo un pezzo in base alle dimensioni, giusto?
 

MarcoGrazia

Utente Attivo
15 Dic 2009
788
16
18
59
Udine
www.stilisticamente.com
Grosso modo sì, magari decidi di modificare la risoluzione in modo da non avere immagini troppo pesanti e uniformarle ad un formato di larghezza fissa, che so 700 pixel al massimo ( se sono più grandi le ridimensiono, se no, no. )
Studuati la tecnica del Masonry.
 
Discussioni simili
Autore Titolo Forum Risposte Data
L Interfaccia grafica per gestire sql server .NET Framework 1
R Plugin per Gestire videocorsi a pagamento WordPress 3
M Come gestire aggiornamenti e modifiche di sito live Content Management System (CMS) 0
S Gestire scelta dropdown con dati da Mysql PHP 2
D Come gestire un singolo checkbox PHP 10
MarcoGrazia Gestire lista campi vuoti in fase di autenticazione jQuery 1
elpirata Gestire permessi accesso alle pagine PHP 3
A [ASP.Net] Gestire il profilo ADMIN in un progetto ASP NET e pattern MVC ASP.NET 0
M [PHP] Come gestire gli utenti online PHP 9
M [php] Come gestire i tags PHP 1
svtmaster professionalità per gestire sito web Offerte e Richieste di Lavoro e/o Collaborazione 4
L [HTML] Gestire movimento GIF HTML e CSS 0
BestSellerMauroTop Software per gestire tanti profili e pagine, e farle crescere in modo autonomo! Annunci servizi di Social Media Marketing 0
W Gestire ccTalk o libreria c++ da php PHP 0
W [PHP] gestire una richiesta curl sul server PHP 0
W Piccolo sistema per gestire alcune periferiche, Java o altro linguaggio? Java 8
bubino8 [WordPress] Gestire SSL (https://) da .htaccess WordPress 9
C [WordPress] Creare e gestire un nuovo sito web WordPress 5
M Gestire ErrorDocument 404 mantenendo lo stesso url Web Server 0
S gestire una tabella mysql PHP 9
R gestire il ritorno di una variabile con success Ajax 2
S Gestire Motion Detection TP-LINK CAMERA NC200 IP Cam e Videosorveglianza 0
A [Javascript] [HTML] Gestire una pagina esterna con 2 iframe Javascript 4
webmachine [PHP] gestire rinnovi PHP 1
P Gestire accesso ad un file xml pubblico PHP 1
D Gestire diversi tipi di pagamento per tipologia di cliente E-Commerce 4
asevenx Cerco plugin per gestire appuntamenti con agenda e campi di selezione WordPress 4
matteoraggi Software per gestire migliaia di permament redirect? SEO e Posizionamento 0
K Gestire response con servlet remota Sviluppo app per Android 1
P Piccolo software per gestire gli utenti. Snippet PHP 5
F Gestire data e ora PHP 6
D Gestire firme digitali con PHP PHP 0
C [Facebook Autolike]Software per gestire più account, mandare like, creare stati, amicizie e altro.. Vendere e Acquistare pubblicita' online 0
D gestire commenti e risposte ... PHP 3
L Gestire password utenti registrati. Quale codifica? PHP 23
asevenx Gestire posizionamento voci sottomenu che si nascondono HTML e CSS 1
N Programma per gestire Cookies secondo disposizioni del Garante Privacy 3/6/2014 G.U. 126 Leggi, Normative e Fisco 0
A Gestire e modificare immagini Java 2
M Gestire la chiusura forzata. Sviluppo app per Android 1
L Sito con doppia lingua. Gestire il cambio PHP 4
felino Wordpress e QTranslate: come gestire i widget WordPress 11
IImanuII Gestire lingua su facebook con php PHP 18
mondrian Gestire un web server su una virtualbox Apache 12
L gestire array per radio-checkbox in ciclo while PHP 2
MarcoGrazia Gestire gruppi e categorie di link con PHP PHP 1
L Button per gestire JS in WebBrowser di VBNet .NET Framework 0
A gestire errori 400-401-403-404-500 con file htaccess PHP 0
L classe per gestire login in mysql PHP 1
R Gestire sito creato da un altro webmaster HTML e CSS 10
N Gestire i prodotti con php e database PHP 5

Discussioni simili