[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-content-croppy-update-july-2024":3},"\u003Cp>On our journey to further and further improve your experience with \u003Ca href=\"https:\u002F\u002Fcroppy.at\u002F\" rel=\"noreferrer\">Croppy\u003C\u002Fa>, we developed many new, unique features, fixes of known problems and improved the overall performance of our services.\u003C\u002Fp>\u003Cp>Some of the key features we introduced:\u003C\u002Fp>\u003Cul>\u003Cli>Full support of the AVIF-Format\u003C\u002Fli>\u003Cli>Phi Grid for our cropping interface (golden ratio)\u003C\u002Fli>\u003Cli>Crop-by-Aspect-Ratio\u003C\u002Fli>\u003Cli>Configurable quality settings\u003C\u002Fli>\u003Cli>and many more...\u003C\u002Fli>\u003C\u002Ful>\u003Chr>\u003Ch3 id=\"support-of-the-avif-format\">Support of the AVIF-Format\u003C\u002Fh3>\u003Cfigure class=\"kg-card kg-image-card\">\u003Cimg src=\"\u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-FI-What-is-AVIF.jpg\" class=\"kg-image\" alt=\"AVIF format illustration showing modern image compression\" loading=\"lazy\" width=\"800\" height=\"450\" srcset=\"\u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-FI-What-is-AVIF.jpg 600w, \u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-FI-What-is-AVIF.jpg 800w\" sizes=\"(min-width: 720px) 720px\">\u003C\u002Ffigure>\u003Cp>Croppy now fully supports the AVIF-Format, as it holds \u003Cstrong>superior compression efficiency\u003C\u002Fstrong> and produces extremely \u003Cstrong>high quality images\u003C\u002Fstrong>.\u003C\u002Fp>\u003Cp>This update includes the support of AVIF formats in all our \u003Ca href=\"https:\u002F\u002Fcroppy.at\u002Fguides\u002Fwebsites\" rel=\"noreferrer\">crop destinations\u003C\u002Fa>. AVIF is well suited for great SEO rankings, as it loads fast and has great quality while being as small as possible. This helps us on our journey to reduce low quality images on the web and directly benefits you! To read more about AVIF, feel free to check out \u003Ca href=\"\u002Fde-at\u002Fblog\u002Fwhat-is-avif\" rel=\"noreferrer\">this blog as well.\u003C\u002Fa>\u003C\u002Fp>\u003Ch3 id=\"cropping-with-the-phi-grid\">Cropping with the Phi Grid\u003C\u002Fh3>\u003Cp>Requested by many, we are happy to introduce you to the golden ratio in our cropping interface!\u003C\u002Fp>\u003Cp>The golden ratio has been used to create majestic artworks for centuries. To make cropping even more intuitive and flexible, we’ve integrated the Phi Grid into our interface. With Croppy, you’re all set!\u003C\u002Fp>\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\u003Cimg src=\"\u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-image.webp\" class=\"kg-image\" alt=\"Croppy phi grid overlay on an image demonstrating golden ratio cropping\" loading=\"lazy\" width=\"1266\" height=\"642\" srcset=\"\u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-image.webp 600w, \u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-image.webp 1000w, \u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-image.webp 1266w\" sizes=\"(min-width: 720px) 720px\">\u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap;\">The phi grid in action!\u003C\u002Fspan>\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Ch3 id=\"crop-by-aspect-ratio\">Crop-by-Aspect-Ratio\u003C\u002Fh3>\u003Cp>To simplify cropping, we harness the power of aspect ratios. Once you select an aspect ratio, Croppy ensures it stays consistent, no matter the dimensions you choose!\u003C\u002Fp>\u003Cp>This way, you can focus on what's important.\u003C\u002Fp>\u003Ch3 id=\"quality-settings-configured-by-you\">Quality settings, configured by you!\u003C\u002Fh3>\u003Cp>To fit your individual needs even more, The quality of every supported file format is fully configurable. \u003C\u002Fp>\u003Cfigure class=\"kg-card kg-image-card\">\u003Cimg src=\"\u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-seadev_studios_a_picture_of_a_beatiful_landscape_510b96fd-571b-4b89-bca5-3ea8535d7d0c_1280x820_1-Kopie_1280x820.webp\" class=\"kg-image\" alt=\"Landscape photo demonstrating Croppy configurable quality settings\" loading=\"lazy\" width=\"1280\" height=\"820\" srcset=\"\u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-seadev_studios_a_picture_of_a_beatiful_landscape_510b96fd-571b-4b89-bca5-3ea8535d7d0c_1280x820_1-Kopie_1280x820.webp 600w, \u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-seadev_studios_a_picture_of_a_beatiful_landscape_510b96fd-571b-4b89-bca5-3ea8535d7d0c_1280x820_1-Kopie_1280x820.webp 1000w, \u002Fimages\u002Fblog\u002Fcroppy-update-july-2024-seadev_studios_a_picture_of_a_beatiful_landscape_510b96fd-571b-4b89-bca5-3ea8535d7d0c_1280x820_1-Kopie_1280x820.webp 1280w\" sizes=\"(min-width: 720px) 720px\">\u003C\u002Ffigure>\u003Cp>This gives you even more control over the contents of your webpage, and the \u003Ca href=\"https:\u002F\u002Fcroppy.at\u002Fguides\u002Fgroups\" rel=\"noreferrer\">resolution\u003C\u002Fa> and the quality of the images it holds. The settings are easily configurable via the admin interface!\u003C\u002Fp>\u003Chr>\u003Cp>\u003Cstrong>Interested? \u003C\u002Fstrong> You can try it out for free \u003Ca href=\"https:\u002F\u002Fadmin.croppy.at\u002F\" rel=\"noreferrer\">here\u003C\u002Fa>!\u003Cbr>To be updated all the time, just sign up! \u003C\u002Fp>\u003Cp>\u003Cstrong>Thank you for reading, stay tuned.\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>\u003C\u002Fp>\u003Cdiv class=\"kg-card kg-signup-card kg-width-wide \" data-lexical-signup-form=\"\" style=\"background-color: #F0F0F0; display: none;\">\n            \n            \u003Cdiv class=\"kg-signup-card-content\">\n                \n                \u003Cdiv class=\"kg-signup-card-text \">\n                    \u003Ch2 class=\"kg-signup-card-heading\" style=\"color: #000000;\">\u003Cspan style=\"white-space: pre-wrap;\">Sign up for SEADEV Studios Blog\u003C\u002Fspan>\u003C\u002Fh2>\n                    \u003Cp class=\"kg-signup-card-subheading\" style=\"color: #000000;\">\u003Cspan style=\"white-space: pre-wrap;\">News, Updates, Learnings & Insights\u003C\u002Fspan>\u003C\u002Fp>\n                    \n        \u003Cform class=\"kg-signup-card-form\" data-members-form=\"signup\">\n            \n            \u003Cdiv class=\"kg-signup-card-fields\">\n                \u003Cinput class=\"kg-signup-card-input\" id=\"email\" data-members-email=\"\" type=\"email\" required=\"true\" placeholder=\"Your email\">\n                \u003Cbutton class=\"kg-signup-card-button kg-style-accent\" style=\"color: #FFFFFF;\" type=\"submit\">\n                    \u003Cspan class=\"kg-signup-card-button-default\">Subscribe\u003C\u002Fspan>\n                    \u003Cspan class=\"kg-signup-card-button-loading\">\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" height=\"24\" width=\"24\" viewBox=\"0 0 24 24\">\n        \u003Cg stroke-linecap=\"round\" stroke-width=\"2\" fill=\"currentColor\" stroke=\"none\" stroke-linejoin=\"round\" class=\"nc-icon-wrapper\">\n            \u003Cg class=\"nc-loop-dots-4-24-icon-o\">\n                \u003Ccircle cx=\"4\" cy=\"12\" r=\"3\">\u003C\u002Fcircle>\n                \u003Ccircle cx=\"12\" cy=\"12\" r=\"3\">\u003C\u002Fcircle>\n                \u003Ccircle cx=\"20\" cy=\"12\" r=\"3\">\u003C\u002Fcircle>\n            \u003C\u002Fg>\n            \u003Cstyle data-cap=\"butt\">\n                .nc-loop-dots-4-24-icon-o{--animation-duration:0.8s}\n                .nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration) infinite}\n                .nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)\u002F-2.666)}\n                .nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)\u002F-5.333)}\n                .nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px}\n                @keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}\n            \u003C\u002Fstyle>\n        \u003C\u002Fg>\n    \u003C\u002Fsvg>\u003C\u002Fspan>\n                \u003C\u002Fbutton>\n            \u003C\u002Fdiv>\n            \u003Cdiv class=\"kg-signup-card-success\" style=\"color: #000000;\">\n                Email sent! Check your inbox to complete your signup.\n            \u003C\u002Fdiv>\n            \u003Cdiv class=\"kg-signup-card-error\" style=\"color: #000000;\" data-members-error=\"\">\u003C\u002Fdiv>\n        \u003C\u002Fform>\n        \n                    \u003Cp class=\"kg-signup-card-disclaimer\" style=\"color: #000000;\">\u003Cspan style=\"white-space: pre-wrap;\">No spam. Unsubscribe anytime.\u003C\u002Fspan>\u003C\u002Fp>\n                \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>"]