Bunny CDN Demo Logo Bunny CDN Demo

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.

PRESUPUESTO C.P. PROVENIR,27.pdf via Bunny Ohne Bunny oeffnen
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.