Continua la serie degli scripts della serie “me lo sono fatto per me, ma lo rendo disponibile che magari a qualcuno torna utile”: uno script in ASP.net che oltre a fare il classico ridimesionamento (resize) ritaglia (crop) l’immagine con una forma quadrata.
Sono immerso in un progetto (molto presto vi annuncierò i dettagli) che necessita di anteprime (thumbnails) quadrate di alcune foto. Fino ad ora me la sono sempre sbrigata tramite CSS+Resize(in ASP.net) ma ero curioso di vedere che risultati si potessero ottenere facendo tutto tramite ASP.net.
Cerca, studia, prova, ho realizzato uno script che, passandogli il percorso dell’immagine e larghezza del quadrato necessario, si occupa di ridimesionare e ritagliare l’immagine trasformandola in un quadrato.
Tanto per capirci, ho un’immagine così (la mia Locanda):
con questo script diventa così:
I parametri da passargli tramite querystring sono:
- img – ovvero il percorso dell’immagine.
- opx – ovvero la larghezza risultante dell’immagine
Esempio:
http://www.simonerodriguez.com/square.aspx?img=/images/RECEPTIO_2.jpg&opx=150
Non mi soffermo sui dettagli dello script poiché non è lo scopo di questo articolo, ma se vi state chiedendo perché genera solo “quadrati”, la risposta è che “a me serviva così”! …magari più in là lo renderò anche “rettangolare”.
English version
I developed a script in ASP.net to resize and crop an image in a square shape.
You have only to pass those two parameters through querystring:
- img – The image path
- opx – The quare width result
Example:
http://www.simonerodriguez.com/square.aspx?img=/images/RECEPTIO_2.jpg&opx=150
|
Download: Crop and Resize (813B) Data: 12/09/2007 Click: 1505 Descrizione: |
{ 27 commenti… leggili aggiungine uno }
Non potevi unire le forze con Wodka che sta facendo una cosa simile? Magari tiravate fuori uno spettacolo di applicativo
Comunque vada evviva l’open source e la condivisione delle conoscenze eh eh eh
GRANDE
Non avevo letto il suo post, ma in ogni caso wodka è 100 passi avanti a me su gli spippolamenti del resize e crop, insomma non ha certo bisogno di me!
Questo è solo un script che copre un singola necessità, invece wodka, da quello che ho letto, sta preparando qualcosa di veramente “fico”… anzi non vedo l’ora che si decide a concluderlo
Non ho ben capito, serve a fare il resize & crop di un file che si trova su un altro server o funziona solo con le img che hai sul tuo sito? o entrambi? è possibile evitare il crop e fargli fare solo il resize?
Serve a fare contemporaneamente il crop e resize di immagini, è indifferente che siano sul tuo server o meno.
Per fare solo il resize puoi utilizzare quello che c’è per il dblog (resize.aspx)
Grande ed utilissimo. Lo userò nel mio sito!
Grazie anche per averlo condiviso.
Personalmente alla riga 18 ho aggiunto queste tre righe di codice:
if Not System.Io.File.Exists(strFilename) then
strFilename = Server.MapPath(“/images/image-not-available.gif”)
end if
In questo modo se non trova l’immagine non restituisce l’errore ed utilizza una immagine creata ad hoc (grigia con una scritta ND) che rappresenta l’immagine non disponibile.
Guarda, ci avevo pensato, ma mi avrebbe costretto a fornire anche un immagine insieme al file. Ho dato per scontato che allo script vengano passate solo immagini esistenti… lo sò, è relativo.
Non modifico lo script ma il tuo commento resta utilite a chi vuole gestire l’eccezione del “file not found”.
Grazie!
Ciao,
solo adesso vedo il tuo codice, complimenti è davvero potentissimo!!!
L’unica cosa è che mi crea un bordino grigio chiaro attorno all’immagine, anche se è impostato il border a 0.
E’ possibile eliminare questo bordino?
Grazie mille, e ancora complimenti
Ciao
come faccio a salvare il file sul disco?
Grazie infinite
Matteo
C’è un link “Potete scaricare lo script da quì”
Ti ringrazio ma ho scaricato lo script che funziona benissimo ma invece di visualizzare l’immagine ho bisogno di salvarla su disco.
b.Save(Response.OutputStream, ImageFormat.Jpeg)
grazie
Matteo
Ho installato questo script sul mio sito, mi aveva reso felice… poi ho dovuto rimuoverlo poichè i risultati su firefox e chrome sono pessimi… peccato! non hai aggiornamenti?
Questo è uno script lato server che non è influenzato da alcun browser.
Prova tu stesso questa pagina con diversi broeser, vedrai che funziona bene con tutti i browser!
Il tuo problema è da cercarsi altrove…
In effetti hai ragione, ho fatto la mia figura da cioccolataio…
probabilmente è il metodo usato per integrare lo script in una pagina asp esistente che non va…
Ciao,
è possibile fare in modo che lo script blocchi il file sorgente? Mi spiego meglio, sto utilizando questo script “molto utile” per creare delle immagini thumb, il problema è che se cerco di cancellare l’immagine sorgente (sia da script che da ftp) non me lo fa fare finche lo script è in azzione.
Grazie
Bledar
Ciao,
è possibile fare in modo che lo script non blocchi il file sorgente? Mi spiego meglio, sto utilizando questo script “molto utile” per creare delle immagini thumb, il problema è che se cerco di cancellare l’immagine sorgente (sia da script che da ftp) non me lo fa fare finche lo script è in azzione.
Grazie
Bledar
Ho sviluppato una soluzione similare…
#idelb:
;)
Basta che prima di
b.dispose()
tu aggiunga
i.dispose()
In questo modo potrai subito eliminare/spostare il file da cui sei partito
Ho utilizzato questo script che reputo molto interessate. Unico problema è che essendo utilizzato in una gallery, quando ci sono molti accessi alla pagina da perte degli utenti la CPU del processore schizza al 70%. Non ne capisco di ASP.NET e quindi vi chiedo se secondo voi si può intervenire per ridurre al minimo l’utilizzo della CPU da parte dello script, magari liberando le risorse alla fine dell’esecuzione.
Ciao,
io ho notato un comportamento simile, non tanto sulla CPU ma sulla memoria del server.
In pratica quando viene fatto il resize e il crop poi non viene rilasciata in alcun modo la memoria e così il server si impalla.
Peccato perchè l’avevo utilizzato su diversi siti.
bellissimo…peccato che a me serva per immagini rettangolari…hai qualche consiglio su come fare?
Stavo abozzando qualcosa ma ho bisogno di un valido aiuto.
in questo modo l’immagine non è più quadrata ma rettangolare (800×300), riesco ad adattare anche l’immagine (per ora sto facendo prove con immagini di altezza superiore alla larghezza(primo if))…ma se cambio immagine non mi trovo più (è anche ovvio poichè sto usando numeri fissi anzicchè variabili (ad es.: NewLar = opxLARGHEZZA/1.52 invece che NewLar = opxLARGHEZZA/Qualche Formula).
< %@ Page Language="VB"%>
< %@ import Namespace="System.Drawing"%>
< %@ import Namespace="System.Drawing.Imaging"%>
< %@ import Namespace="System.Text.RegularExpressions"%>
< %
dim strFilename as string
dim opxLARGHEZZA as string
dim opxALTEZZA as string
dim i as System.Drawing.Image
dim b as System.Drawing.bitmap
dim g as graphics
If Left(request.QueryString("img"),4) = "http" then
'Response.Write("case1
“)
strFilename=server.mappath(right(request.QueryString(“img”),len(request.QueryString(“img”))-len(Request.ServerVariables(“SERVER_NAME”)
strFilename=server.mappath(right(request.QueryString(“img”),len(request.QueryString(“img”))-len(Request.ServerVariables(“SERVER_NAME”))-7))
else
‘Response.Write(“case2
“)
strFilename = server.mappath(request.QueryString(“img”))
end if
i = System.Drawing.Image.FromFile(strFilename)
opxLARGHEZZA=”800″
opxALTEZZA=”300″
b = New system.drawing.bitmap(opxLARGHEZZA, opxALTEZZA, pixelformat.format24bpprgb)
g = graphics.fromimage(b)
g.InterpolationMode = 2
g.SmoothingMode = 4
g.PixelOffsetMode = 4
g.CompositingQuality = 4
Ciao, per usare l’InterpolationMode bisogna usare per forza ‘graphics.drawimage’ o si può fare anche con ‘Drawing.Bitmap’? Anche a me serviva per le immagini rettangolari, ho uno script che utilizza ‘Drawing.Bitmap’ ma non riesco a implementarci l’InterpolationMode. Grazie, ciao.
Roberto posta il codice che vediamo di risolverlo al volo
Ci sono riuscito ma non ho il codice qui a casa. Ho fatto un ibrido utilizzando questo codice e quello di Daniele Bochicchio di ASPitalia. A dir la verità ho alcune perplessità sul perché i metodi sono utilizzati diversamente, ma lo script funziona. Forse non è pulito però…
Io dovrei modificare una immagine GIF per utilizzarla in un documento PDF con iTextSharp, ma non riesco a capire se con questo script il file nuovo viene salvato (e dove) o se ho la possibilità di utilizzarlo “on-the-fly” per implementarlo… qualcuno sa aiutarmi?
Grazie
Emanuele