From 48a96014d06ba15710f1e6b9d756e4366b2c0294 Mon Sep 17 00:00:00 2001 From: Andrew Welch Date: Fri, 8 Dec 2017 01:05:02 -0500 Subject: [PATCH] Updated README.md Signed-off-by: Andrew Welch --- README.md | 30 +++--- resources/img/plugin-logo.png | Bin 0 -> 14274 bytes .../screenshots}/color-palette.png | Bin .../screenshots}/field-settings.png | Bin .../screenshots}/image-editor-focal-point.png | Bin .../image-optimize-field-composite.jpg | Bin .../image-optimize-field-composite2.jpg | Bin .../image-optimize-imgix-settings.png | Bin .../screenshots}/image-optimize-settings.png | Bin .../screenshots}/image-optimize-splash.png | Bin .../screenshots}/image-variant-field.png | Bin .../screenshots}/image-variant-warnings.png | Bin .../screenshots}/image-variants-filesize.png | Bin .../screenshots}/image-variants.png | Bin .../screenshots}/imgix-web-folder-source.png | Bin .../screenshots}/placeholder-image-box.png | Bin .../placeholder-image-silhouette.png | Bin .../screenshots}/placeholder-image.png | Bin .../dist/img/ImageOptimize-icon.svg | 86 +++++++++------- .../dist/img/OptimizedImages-icon.svg | 92 +++++++++--------- src/icon.svg | 86 +++++++++------- 21 files changed, 160 insertions(+), 134 deletions(-) create mode 100644 resources/img/plugin-logo.png rename {screenshots => resources/screenshots}/color-palette.png (100%) rename {screenshots => resources/screenshots}/field-settings.png (100%) rename {screenshots => resources/screenshots}/image-editor-focal-point.png (100%) rename {screenshots => resources/screenshots}/image-optimize-field-composite.jpg (100%) rename {screenshots => resources/screenshots}/image-optimize-field-composite2.jpg (100%) rename {screenshots => resources/screenshots}/image-optimize-imgix-settings.png (100%) rename {screenshots => resources/screenshots}/image-optimize-settings.png (100%) rename {screenshots => resources/screenshots}/image-optimize-splash.png (100%) rename {screenshots => resources/screenshots}/image-variant-field.png (100%) rename {screenshots => resources/screenshots}/image-variant-warnings.png (100%) rename {screenshots => resources/screenshots}/image-variants-filesize.png (100%) rename {screenshots => resources/screenshots}/image-variants.png (100%) rename {screenshots => resources/screenshots}/imgix-web-folder-source.png (100%) rename {screenshots => resources/screenshots}/placeholder-image-box.png (100%) rename {screenshots => resources/screenshots}/placeholder-image-silhouette.png (100%) rename {screenshots => resources/screenshots}/placeholder-image.png (100%) diff --git a/README.md b/README.md index 29ab1541..5d07f341 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ Automatically create & optimize responsive image transforms, using either native **Note**: This plugin may become a paid add-on when the Craft Plugin store becomes available. -![Screenshot](screenshots/image-optimize-splash.png) +![Screenshot](resources/img/plugin-logo.png) ## Requirements @@ -21,6 +21,8 @@ ImageOptimize works on Craft 3.x. ## ImageOptimize Overview +![Screenshot](resources/screenshots/image-optimize-field-composite2.jpg) + ImageOptimize allows you to automatically create & optimize responsive image transforms from your Craft 3 assets. It works equally well with native Craft image transforms, and image services like [Imgix](https://imgix.com), with zero template changes. You use the native Craft UI/UX to create your image transforms, whether in the AdminCP or via your templates. ImageOptimize takes care of the rest, optimizing all of your image transforms automatically by running a variety of image optimization tools on them. @@ -47,7 +49,7 @@ The plugin Settings for ImageOptimize allows you to choose whether to use native To create client-proof optimized images with native Craft transforms, you'll need to also install the image optimization tools of your choice. The ImageOptimize plugin Settings page will show you the status of your installed image optimization tools: -![Screenshot](screenshots/image-optimize-settings.png) +![Screenshot](resources/screenshots/image-optimize-settings.png) Here's how to install a few on Ubuntu 16.04: @@ -80,11 +82,11 @@ Craft will then use Imgix for all Asset URLs, including the original image, its To utilize Imgix, you'll need to enter your **Imgix Source Domain**, and your **Imgix API Key** to allow for auto-purging of changed Assets: -![Screenshot](screenshots/image-optimize-imgix-settings.png) +![Screenshot](resources/screenshots/image-optimize-imgix-settings.png) Then configure your Imgix source via your Imgix.com account. If you're using a Web Folder as a source, make sure it's set to the root of your domain, since you can only have one per site: -![Screenshot](screenshots/imgix-web-folder-source.png) +![Screenshot](resources/screenshots/imgix-web-folder-source.png) Regardless of how many separate Craft Asset Volumes you've set up, you'll just have one Web Folder source. @@ -102,7 +104,7 @@ To create responsive image variants for all of your images, create an **Optimize You can then create as many Optimized Image Variants as you like: -![Screenshot](screenshots/field-settings.png) +![Screenshot](resources/screenshots/field-settings.png) You can add, delete, and re-order the Optimized Image Variants just like you can Matrix blocks. @@ -121,7 +123,7 @@ Whenever you add an OptimizedImages field to an asset Volume's layout, or make c If you double-click on an asset (or click on an asset, and choose **Edit Asset** from the gear menu), you will now see all of your responsive image variants for that image: -![Screenshot](screenshots/image-variant-field.png) +![Screenshot](resources/screenshots/image-variant-field.png) You'll see the responsive width of each image variant above each thumbnail, with the aspect ratio, file format, and file size below it. If you have `.webp` image variants configured, you will see them here as well. @@ -129,11 +131,11 @@ If you click on an image thumbnail, it will open up the full size image in a new The OptimizedImages field also helps content editors by pointing out potential problems as well: -![Screenshot](screenshots/image-variant-warnings.png) +![Screenshot](resources/screenshots/image-variant-warnings.png) In this example, no **Focal Point** has been set via Craft 3's built-in image editor. The **Focal Point** lets content editors choose what portion of the image is most important, and should be kept in the center of any transformed images: -![Screenshot](screenshots/image-editor-focal-point.png) +![Screenshot](resources/screenshots/image-editor-focal-point.png) There are also warnings indicating that the original image is too small, and is being upscaled for one of the responsive variants, and that `WEBP` hasn't been configured, so there are no `.webp` variants created. @@ -262,12 +264,12 @@ All of the placeholder images are stored in the Optimized Image field itself, so The first is `.placeholderBox()` which displays a simple inline SVG with the background color set to the dominant color of the image: -![Screenshot](screenshots/placeholder-image-box.png) +![Screenshot](resources/screenshots/placeholder-image-box.png) (Placholder on the left, actual image on the right) The second is `.placeholderSilhouette()` which displays an inline SVG silhouette generated from the original image: -![Screenshot](screenshots/placeholder-image-silhouette.png) +![Screenshot](resources/screenshots/placeholder-image-silhouette.png) (Placholder on the left, actual image on the right) The SVG image itself will only be 300px wide, so apply CSS styles to it such as: @@ -281,7 +283,7 @@ The SVG image itself will only be 300px wide, so apply CSS styles to it such as: The third is `.placeholderImage()`, which displays a tiny Instagram-style low resolution placeholder image to display while the image is being lazy loaded. -![Screenshot](screenshots/placeholder-image.png) +![Screenshot](resources/screenshots/placeholder-image.png) (Placholder on the left, actual image on the right) The image itself will only be 16px wide, so apply CSS styles to it such as: @@ -310,7 +312,7 @@ ImageOptimize extracts a color palette composed of the 5 most dominant colors us ``` -![Screenshot](screenshots/color-palette.png) +![Screenshot](resources/screenshots/color-palette.png) Dominant Color Palette @@ -361,11 +363,11 @@ This is especially useful when implementing [webp images](https://developers.goo Here's an example of what it looks like for images with the transform `Some Transform` applied to them: -![Screenshot](screenshots/image-variants.png) +![Screenshot](resources/screenshots/image-variants.png) The savings from using `.webp` can be significant, without sacrificing image quality: - ![Screenshot](screenshots/image-variants-filesize.png) + ![Screenshot](resources/screenshots/image-variants-filesize.png) `webp` also supports transparency, so it can be used as a viable substitute for both `.jpg` and `.png` diff --git a/resources/img/plugin-logo.png b/resources/img/plugin-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..0473123632dc72b759e04d0c5ee757ffc272db4b GIT binary patch literal 14274 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%0AY(Un&Q3u9CtK@;KL57AApPJ{cZEgQ~xm&u8 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 YsYC-Rn!Q;E+`j|qXc}T_)ols?1H8eQz5oCK literal 0 HcmV?d00001 diff --git a/screenshots/color-palette.png b/resources/screenshots/color-palette.png similarity index 100% rename from screenshots/color-palette.png rename to resources/screenshots/color-palette.png diff --git a/screenshots/field-settings.png b/resources/screenshots/field-settings.png similarity index 100% rename from screenshots/field-settings.png rename to resources/screenshots/field-settings.png diff --git a/screenshots/image-editor-focal-point.png b/resources/screenshots/image-editor-focal-point.png similarity index 100% rename from screenshots/image-editor-focal-point.png rename to resources/screenshots/image-editor-focal-point.png diff --git a/screenshots/image-optimize-field-composite.jpg b/resources/screenshots/image-optimize-field-composite.jpg similarity index 100% rename from screenshots/image-optimize-field-composite.jpg rename to resources/screenshots/image-optimize-field-composite.jpg diff --git a/screenshots/image-optimize-field-composite2.jpg b/resources/screenshots/image-optimize-field-composite2.jpg similarity index 100% rename from screenshots/image-optimize-field-composite2.jpg rename to resources/screenshots/image-optimize-field-composite2.jpg diff --git a/screenshots/image-optimize-imgix-settings.png b/resources/screenshots/image-optimize-imgix-settings.png similarity index 100% rename from screenshots/image-optimize-imgix-settings.png rename to resources/screenshots/image-optimize-imgix-settings.png diff --git a/screenshots/image-optimize-settings.png b/resources/screenshots/image-optimize-settings.png similarity index 100% rename from screenshots/image-optimize-settings.png rename to resources/screenshots/image-optimize-settings.png diff --git a/screenshots/image-optimize-splash.png b/resources/screenshots/image-optimize-splash.png similarity index 100% rename from screenshots/image-optimize-splash.png rename to resources/screenshots/image-optimize-splash.png diff --git a/screenshots/image-variant-field.png b/resources/screenshots/image-variant-field.png similarity index 100% rename from screenshots/image-variant-field.png rename to resources/screenshots/image-variant-field.png diff --git a/screenshots/image-variant-warnings.png b/resources/screenshots/image-variant-warnings.png similarity index 100% rename from screenshots/image-variant-warnings.png rename to resources/screenshots/image-variant-warnings.png diff --git a/screenshots/image-variants-filesize.png b/resources/screenshots/image-variants-filesize.png similarity index 100% rename from screenshots/image-variants-filesize.png rename to resources/screenshots/image-variants-filesize.png diff --git a/screenshots/image-variants.png b/resources/screenshots/image-variants.png similarity index 100% rename from screenshots/image-variants.png rename to resources/screenshots/image-variants.png diff --git a/screenshots/imgix-web-folder-source.png b/resources/screenshots/imgix-web-folder-source.png similarity index 100% rename from screenshots/imgix-web-folder-source.png rename to resources/screenshots/imgix-web-folder-source.png diff --git a/screenshots/placeholder-image-box.png b/resources/screenshots/placeholder-image-box.png similarity index 100% rename from screenshots/placeholder-image-box.png rename to resources/screenshots/placeholder-image-box.png diff --git a/screenshots/placeholder-image-silhouette.png b/resources/screenshots/placeholder-image-silhouette.png similarity index 100% rename from screenshots/placeholder-image-silhouette.png rename to resources/screenshots/placeholder-image-silhouette.png diff --git a/screenshots/placeholder-image.png b/resources/screenshots/placeholder-image.png similarity index 100% rename from screenshots/placeholder-image.png rename to resources/screenshots/placeholder-image.png diff --git a/src/assetbundles/imageoptimize/dist/img/ImageOptimize-icon.svg b/src/assetbundles/imageoptimize/dist/img/ImageOptimize-icon.svg index 5b852bdf..606aef79 100644 --- a/src/assetbundles/imageoptimize/dist/img/ImageOptimize-icon.svg +++ b/src/assetbundles/imageoptimize/dist/img/ImageOptimize-icon.svg @@ -1,37 +1,49 @@ - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assetbundles/optimizedimagesfield/dist/img/OptimizedImages-icon.svg b/src/assetbundles/optimizedimagesfield/dist/img/OptimizedImages-icon.svg index 1c2ba2a2..606aef79 100644 --- a/src/assetbundles/optimizedimagesfield/dist/img/OptimizedImages-icon.svg +++ b/src/assetbundles/optimizedimagesfield/dist/img/OptimizedImages-icon.svg @@ -1,49 +1,49 @@ - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + diff --git a/src/icon.svg b/src/icon.svg index 5b852bdf..606aef79 100644 --- a/src/icon.svg +++ b/src/icon.svg @@ -1,37 +1,49 @@ - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + +