Showcase Detail

Sophie

Keine Beschreibung hinterlegt.

Bearbeiten Zurueck

Runtime

Gem-Konfiguration

enhance_image_tag
true
upload_strategy
mapping
uploads_prefix
uploads-demo
uploads_zone_url
https://bunnydemouploads.b-cdn.net
default_quality
Bunny-Dashboard
delivery_path
Direkter Bucket-Key
mapped_images
Auto mit optimizer=image
opt_out
image_tag(..., bunny: false)

Uploads

Aktueller Datensatz

  • Hero Image: angehaengt
  • Download-Datei: angehaengt
  • Dateiname Download: PRESUPUESTO C.P. PROVENIR,27.pdf

User Uploads

Vergleichbare Upload-Demos

Erst kommt die Baseline mit Opt-out gegen CDN-Default. Danach folgen drei Transformationen, die wir ueber enhance_image_tag, bunny_image_tag und cl_image_tag gegeneinander halten.

Baseline

Gleicher Upload, vier Einstiege

Links steht der reine Rails-Opt-out. Rechts sollten enhance_image_tag, bunny_image_tag und cl_image_tag ohne Transformation auf dieselbe Bunny-URL hinauslaufen.

Alle drei Bunny-Einstiege liefern dieselbe CDN-URL.

Active Storage direkt

Opt-out ohne Bunny

Sophie direkt ueber Active Storage

/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MywicHVyIjoiYmxvYl9pZCJ9fQ==--7e54e5a06c846a33b1638f5ea52efe78e13d1130/sophie.jpg

enhance_image_tag

CDN-Default

Sophie via enhance_image_tag

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?optimizer=image

bunny_image_tag

Native Bunny-API

Sophie via bunny_image_tag

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?optimizer=image

cl_image_tag

Compat-Helper

Sophie via cl_image_tag

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?optimizer=image

Resize + Crop

440 x 300, crop fill

Der haeufigste CMS-Fall: drei Helper, ein Ausschnitt, eine erwartete URL.

Alle drei Bunny-Einstiege liefern dieselbe CDN-URL.

enhance_image_tag

Rails image_tag

Sophie via enhance_image_tag - 440 x 300, crop fill

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?crop=440,300&optimizer=image

bunny_image_tag

Native Helper

Sophie via bunny_image_tag - 440 x 300, crop fill

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?crop=440,300&optimizer=image

cl_image_tag

Compat Helper

Sophie via cl_image_tag - 440 x 300, crop fill

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?crop=440,300&optimizer=image

Cloudinary-Mapping

Graustufen ueber effect: :grayscale

Hier leistet die Compat-Schicht echte Uebersetzungsarbeit: Cloudinary-Effekt rein, Bunny-Parameter raus.

Alle drei Bunny-Einstiege liefern dieselbe CDN-URL.

enhance_image_tag

Rails image_tag

Sophie via enhance_image_tag - Graustufen ueber effect: :grayscale

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?optimizer=image&saturation=-100

bunny_image_tag

Native Helper

Sophie via bunny_image_tag - Graustufen ueber effect: :grayscale

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?optimizer=image&saturation=-100

cl_image_tag

Compat Helper

Sophie via cl_image_tag - Graustufen ueber effect: :grayscale

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?optimizer=image&saturation=-100

Direkter Bunny-Parameter

Tint aaffff

Nicht alles braucht Uebersetzung. Manche Optionen werden durch die Compat-Schicht einfach direkt an Bunny weitergereicht.

Alle drei Bunny-Einstiege liefern dieselbe CDN-URL.

enhance_image_tag

Rails image_tag

Sophie via enhance_image_tag - Tint aaffff

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?optimizer=image

bunny_image_tag

Native Helper

Sophie via bunny_image_tag - Tint aaffff

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?optimizer=image

cl_image_tag

Compat Helper

Sophie via cl_image_tag - Tint aaffff

https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?optimizer=image

Download-Datei

PDF und andere Dateien testen

Hier kannst du die zweite Datei direkt einmal ueber Bunny und einmal ohne CDN aufrufen.

Bunny
https://bunnydemouploads.b-cdn.net/678ma6tz583yycbl21jr8mq4b7iz
Active Storage
/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NCwicHVyIjoiYmxvYl9pZCJ9fQ==--91213344ac7ba0cd7d76e1226008336d0aeab8fd/PRESUPUESTO%20C.P.%20PROVENIR,27.pdf

Helper Output

Relevante Upload-Helper

Native Bunny-Upload-Helper

bunny_upload_url
https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?width=600&optimizer=image
rails_storage_proxy_path
/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MywicHVyIjoiYmxvYl9pZCJ9fQ==--7e54e5a06c846a33b1638f5ea52efe78e13d1130/sophie.jpg
bunny_download_url
https://bunnydemouploads.b-cdn.net/678ma6tz583yycbl21jr8mq4b7iz

Cloudinary-Kompatibilitaet

cl_path
https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?crop=320,220&optimizer=image
cl_image_path
https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?width=240&optimizer=image
cloudinary_url
https://bunnydemouploads.b-cdn.net/61yejqnu4b4n93h5rws0utqvbi0p?width=640&optimizer=image
cl_image_tag
Siehe Vergleichsbloecke oben.