|
8 | 8 | <div class="wrapper_left" > |
9 | 9 | <span class="section_title" >Image Resizing</span> |
10 | 10 | <p>You can resize, adjust quality, and convert images to WebP format, on demand. We cache every derived image at the edge, so you store only the original image.</p> |
11 | | - <p>This allows you to adapt images to your site’s layout and your visitors’ screen sizes, quickly and easily, without maintaining a server-side image processing pipeline.</p> |
| 11 | + <p>This allows you to adapt images to your site's layout and your visitors' screen sizes, quickly and easily, without maintaining a server-side image processing pipeline.</p> |
12 | 12 | </div> |
13 | 13 | <div class="wrapper_right" > |
14 | 14 | <div> |
15 | | - <label class="switch" > |
16 | | - <input class="trigger" type="checkbox" name="mode" data-target="toggle" /> |
17 | | - <span class="knob" ></span> |
18 | | - </label> |
| 15 | + <select class="trigger-select" data-target="update" name="value" > |
| 16 | + <option value="off" >Off</option> |
| 17 | + <option value="on" >On</option> |
| 18 | + <option value="open">On — Resize From Any Origin</option> |
| 19 | + </select> |
19 | 20 | </div> |
20 | 21 | <div class="lightbox" style="background-image: url(<?php echo $block->getViewFileUrl ('JetRails_Cloudflare/images/loading.svg') ?>)" ></div> |
21 | 22 | </div> |
|
25 | 26 | <a data-tab="help" >Help</a> |
26 | 27 | </div> |
27 | 28 | <div data-tab-content="help" > |
28 | | - <h3>What does Image Resizing do?</h3> |
| 29 | + <h4>What does Image Resizing do?</h4> |
29 | 30 | <p>Resizing fetches the original image and caches it (following the usual rules of HTTP caching, Cache-Control header, etc.). Requests for multiple different image sizes are likely to reuse the cached original image, without causing extra transfers from the origin server.</p> |
30 | 31 | <p>Resized images follow the same caching rules as the original image and their Cache-Control header is identical. We do not support purging of resized variants. Purging of the original image URL will also purge all of its resized variants.</p> |
31 | | - <p><a href="https://developers.cloudflare.com/images" >Image Resizing documentation</a></p> |
| 32 | + <h4>What does 'Resize images from any origin' do?</h4> |
| 33 | + <p> 'Resize images from any origin' will allow Image Resizing to resize images from any URI.<br>I.e. howtospeedupmagento.com will serve resized images originating from any URI, whether howtospeedupmagento.com or elsewhere.</p> |
| 34 | + <p>By default, Image Resizing will only resize images which originate from this zone, howtospeedupmagento.com.<br>I.e. howtospeedupmagento.com will serve resized images only if the images originate from howtospeedupmagento.com.</p> |
| 35 | + <h4>Using Workers</h4> |
| 36 | + <p>'Resize images from any origin' is not valid when using a Worker for Image Resizing. The Worker is expected to apply its own policies dictating which images will be resized.</p> |
| 37 | + <p><a href="https://developers.cloudflare.com/images/" >Image Resizing documentation</a></p> |
32 | 38 | </div> |
33 | 39 | </div> |
34 | 40 | </section> |
0 commit comments