{"compiledCode":"\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _react = require('react'); var _react2 = _interopRequireDefault(_react);\n\n function GuidesPage() {\n  return (\n    _react2.default.createElement('div', { className: \"pd-page pd-guides reading-picdrome\"  ,}\n      , _react2.default.createElement('style', null, \"\\n.reading-picdrome{--reading-ground:var(--c1gb4l3-runtime-bg, #f6f1e8);--reading-ink:var(--c1gb4l3-runtime-text, #2d3834);--reading-accent:var(--c1gb4l3-runtime-accent, #536956);--reading-soft:var(--c1gb4l3-runtime-panel, #e1e7d9);max-width:1120px!important;width:100%;margin:0 auto!important;padding:26px 40px 80px!important;background:var(--reading-ground)!important;color:var(--reading-ink)!important;font:16px/1.75 var(--c1gb4l3-font-body, Arial, sans-serif)!important;overflow-wrap:anywhere}\\n.reading-picdrome,.reading-picdrome *{box-sizing:border-box;min-width:0}\\n.reading-picdrome .reading-masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 24px;margin:0 0 44px;border-bottom:1px solid var(--reading-accent)}\\n.reading-picdrome .reading-brand{font:24px/1.25 var(--c1gb4l3-font-heading, Georgia, serif);letter-spacing:-.5px;text-decoration:none;color:var(--reading-ink)!important}\\n.reading-picdrome .reading-navigation{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:13px}.reading-picdrome .reading-navigation a{padding:10px 0}\\n.reading-picdrome a{color:var(--reading-accent);text-underline-offset:4px;text-decoration-thickness:1px}\\n.reading-picdrome :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--reading-accent)!important;outline-offset:4px}\\n.reading-picdrome h1{font:clamp(34px,4.8vw,56px)/1.12 var(--c1gb4l3-font-heading, Georgia, serif)!important;color:var(--reading-ink)!important;letter-spacing:-1.5px;max-width:23ch;margin:0 0 25px!important;overflow-wrap:normal}\\n.reading-picdrome h2{font:clamp(25px,3vw,34px)/1.22 var(--c1gb4l3-font-heading, Georgia, serif)!important;color:var(--reading-ink)!important;letter-spacing:-.6px;margin:42px 0 18px!important}\\n.reading-picdrome h3{font-size:19px!important;line-height:1.4!important;color:var(--reading-ink);margin:20px 0 10px}\\n.reading-picdrome p{max-width:78ch;line-height:1.8!important;margin-bottom:18px}\\n.reading-picdrome :is(.lead,.lede,.intro){font-size:18px!important;line-height:1.75!important;max-width:70ch}\\n.reading-picdrome :is(ul,ol){line-height:1.8;padding-left:24px}.reading-picdrome li{margin:7px 0}\\n.reading-picdrome .reading-hero{background:var(--reading-soft)!important;border-radius:4px!important;border:0!important;padding:40px 34px!important;margin-bottom:38px!important}.reading-picdrome .reading-hero h1{max-width:23ch}.reading-picdrome :is(section,article,nav){scroll-margin-top:24px}.reading-picdrome > section{margin-top:34px!important}\\n.reading-picdrome :is(pre,code){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.reading-picdrome pre{padding:20px;overflow:auto;background:var(--reading-soft);border-radius:4px}\\n.reading-picdrome .reading-table{overflow-x:auto;max-width:100%;margin:24px 0;border:1px solid var(--reading-accent);border-radius:4px}.reading-picdrome .reading-table table{width:100%;min-width:560px;margin:0!important;border-collapse:collapse!important;font-size:14px;line-height:1.6}.reading-picdrome :is(th,td){text-align:left;padding:14px 16px!important;border-bottom:1px solid var(--reading-soft);vertical-align:top}.reading-picdrome th{background:var(--reading-soft)!important;color:var(--reading-ink)!important;font-weight:700}\\n.reading-picdrome :is(button,summary){min-height:44px;cursor:pointer;font:inherit}.reading-picdrome summary{padding:12px 0;font-weight:600}.reading-picdrome details{border-top:1px solid var(--reading-accent);padding:8px 0;margin:10px 0}\\n.reading-picdrome :is(input,select,textarea){max-width:100%;min-height:44px;font:inherit;line-height:1.5;padding:11px 12px;border:1px solid var(--reading-accent);border-radius:4px;background:var(--reading-ground);color:var(--reading-ink)}\\n.reading-picdrome a[style*=\\\"background\\\"]{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:12px 18px!important;background:var(--reading-ink)!important;color:var(--reading-ground)!important;border-color:var(--reading-ink)!important;border-radius:4px!important;font-size:14px!important;text-decoration:none!important;line-height:1.5!important}\\n.reading-picdrome :is(img,svg,video,iframe){max-width:100%}.reading-picdrome .reading-navigation a:hover{text-decoration-thickness:2px}\\n@media(max-width:720px){.reading-picdrome{padding:22px 22px 56px!important;font-size:16px!important}.reading-picdrome .reading-masthead{align-items:flex-start;gap:20px;margin-bottom:34px}.reading-picdrome .reading-brand{font-size:21px;max-width:12ch}.reading-picdrome .reading-navigation{justify-content:flex-end;gap:4px 14px;max-width:170px;font-size:12px}.reading-picdrome h1{font-size:36px!important;letter-spacing:-.8px}.reading-picdrome h2{font-size:28px!important;margin-top:32px!important}.reading-picdrome section[style*=\\\"grid\\\"],.reading-picdrome div[style*=\\\"grid-template-columns\\\"]{grid-template-columns:1fr!important}.reading-picdrome section[style*=\\\"padding\\\"],.reading-picdrome article[style*=\\\"padding\\\"]{padding-left:18px!important;padding-right:18px!important}}\\n\\n.reading-picdrome a:is([class*=\\\"btn\\\"],[class*=\\\"button\\\"],[class*=\\\"cta\\\"]){background:var(--c1gb4l3-runtime-text, #2d3834)!important;color:var(--c1gb4l3-runtime-bg, #f6f1e8)!important;border-color:var(--c1gb4l3-runtime-text, #2d3834)!important;min-height:44px;display:inline-flex;align-items:center;padding:12px 18px;text-decoration:none}\\n\\n.reading-picdrome{width:100%;max-width:100%!important;min-width:0;box-sizing:border-box} .reading-picdrome .reading-masthead,.reading-picdrome .masthead{display:none} .reading-picdrome .reading-brand{font-family:var(--c1gb4l3-font-heading,Arial,sans-serif)} .reading-picdrome h1{font-weight:750!important;letter-spacing:-.045em} .reading-picdrome h2{font-weight:650!important} .reading-picdrome :is(code,pre,.eyebrow,.number){font-family:var(--c1gb4l3-font-mono,monospace)}\\n\")\n      , _react2.default.createElement('header', { className: \"reading-masthead\",}, _react2.default.createElement('a', { className: \"reading-brand\", href: \"/\",}, \"Picdrome\"), _react2.default.createElement('nav', { className: \"reading-navigation\", 'aria-label': \"Reading navigation\" ,}, _react2.default.createElement('a', { href: \"/\",}, \"Home\"), _react2.default.createElement('a', { href: \"/use-cases\",}, \"Start reading\" ), _react2.default.createElement('a', { href: \"/ai-image-disclosure\",}, \"Standards\")))\n\n      , _react2.default.createElement('style', null, \"\\n        .reading-picdrome.pd-guides {\\n          --pd-ink:var(--c1gb4l3-runtime-text, #2d3834); --pd-slate:var(--c1gb4l3-runtime-text, #2d3834); --pd-muted:var(--c1gb4l3-runtime-muted, #59635c);\\n          --pd-line:var(--c1gb4l3-runtime-border, #d6d5c9); --pd-bg:var(--c1gb4l3-runtime-bg, #f6f1e8); --pd-soft:var(--c1gb4l3-runtime-panel, #ece6dc);\\n          --pd-brand:var(--c1gb4l3-runtime-accent, #536956); --pd-brand-dark:var(--c1gb4l3-runtime-accent, #536956); --pd-brand-soft:var(--c1gb4l3-runtime-accent-soft, #e4eadf);\\n          --pd-accent:var(--c1gb4l3-runtime-accent, #536956); --pd-warn:var(--c1gb4l3-runtime-text, #2d3834); --pd-warn-bg:var(--c1gb4l3-runtime-panel, #ece6dc);\\n          font-family:-apple-system,BlinkMacSystemFont,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif;\\n          line-height:1.6; color:var(--pd-ink); background:var(--pd-bg);\\n          max-width:900px; margin:0 auto; padding:2rem 1.25rem 4rem;\\n        }\\n        .reading-picdrome.pd-guides h1 { font-size:2rem; line-height:1.2; margin:0 0 .75rem; letter-spacing:-0.01em; }\\n        .reading-picdrome.pd-guides h2 { font-size:1.4rem; line-height:1.25; margin:2.5rem 0 .5rem; letter-spacing:-0.005em; }\\n        .reading-picdrome.pd-guides h3 { font-size:1.05rem; margin:1.25rem 0 .35rem; }\\n        .reading-picdrome.pd-guides p { margin:.5rem 0 .9rem; }\\n        .reading-picdrome.pd-guides a { color:var(--pd-brand); text-decoration:none; }\\n        .reading-picdrome.pd-guides a:hover { text-decoration:underline; }\\n        .reading-picdrome.pd-guides .pd-lede { font-size:1.2rem; color:var(--pd-muted); margin:0 0 1.25rem; }\\n        .reading-picdrome.pd-guides .pd-grid {\\n          display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\\n          gap:1rem; margin:1rem 0 .5rem;\\n        }\\n        .reading-picdrome.pd-guides .pd-card {\\n          border:1px solid var(--pd-line); border-radius:12px; padding:1rem 1.1rem;\\n          background:var(--pd-bg);\\n        }\\n        .reading-picdrome.pd-guides .pd-card h3 { margin-top:0; }\\n        .reading-picdrome.pd-guides .pd-card p { color:var(--pd-slate); margin:.35rem 0 .6rem; font-size:.97rem; }\\n        .reading-picdrome.pd-guides .pd-card a.pd-cardlink { font-weight:600; }\\n        .reading-picdrome.pd-guides .pd-anchor {\\n          border:1px solid var(--pd-line); border-radius:12px; padding:1.25rem 1.35rem;\\n          background:var(--pd-soft); margin:1rem 0;\\n        }\\n        .reading-picdrome.pd-guides .pd-anchor h3 { margin-top:0; font-size:1.15rem; }\\n        .reading-picdrome.pd-guides .pd-cta { margin:1.75rem 0 .5rem; display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }\\n        .reading-picdrome.pd-guides .pd-btn {\\n          background:var(--pd-brand); color:var(--c1gb4l3-runtime-action-fg, #ffffff); border-radius:10px; padding:.7rem 1.1rem;\\n          font-weight:600; text-decoration:none; display:inline-block;\\n        }\\n        .reading-picdrome.pd-guides .pd-btn:hover { background:var(--pd-brand-dark); text-decoration:none; }\\n        .reading-picdrome.pd-guides .pd-btn-secondary {\\n          border:1px solid var(--pd-line); color:var(--pd-ink); border-radius:10px;\\n          padding:.7rem 1.1rem; font-weight:600; text-decoration:none; display:inline-block;\\n        }\\n        .reading-picdrome.pd-guides .pd-btn-secondary:hover { border-color:var(--pd-brand); text-decoration:none; }\\n        .reading-picdrome.pd-guides .pd-callout {\\n          border-left:4px solid var(--pd-brand); background:var(--pd-brand-soft);\\n          padding:1rem 1.1rem; border-radius:8px; margin:1.25rem 0;\\n        }\\n        .reading-picdrome.pd-guides .pd-callout p { margin:0; color:var(--pd-slate); }\\n        .reading-picdrome.pd-guides .pd-who { background:var(--pd-soft); border:1px solid var(--pd-line); border-radius:12px; padding:1rem 1.1rem; margin:1.25rem 0; }\\n        .reading-picdrome.pd-guides .pd-who ul { margin:.4rem 0 0; padding-left:1.2rem; }\\n        .reading-picdrome.pd-guides .pd-who li { margin:.25rem 0; color:var(--pd-slate); }\\n        .reading-picdrome.pd-guides .pd-faq h3 { margin-top:1.4rem; }\\n        .reading-picdrome.pd-guides .pd-faq p { color:var(--pd-slate); }\\n        .reading-picdrome.pd-guides .pd-summary {\\n          margin-top:2.5rem; padding:1rem 1.1rem; border:1px dashed var(--pd-line);\\n          border-radius:12px; background:var(--pd-soft); color:var(--pd-slate);\\n        }\\n        .reading-picdrome.pd-guides .pd-summary p { margin:.25rem 0; }\\n      \\n.reading-picdrome{width:100%;max-width:100%!important;min-width:0;box-sizing:border-box} .reading-picdrome .reading-masthead,.reading-picdrome .masthead{display:none} .reading-picdrome .reading-brand{font-family:var(--c1gb4l3-font-heading,Arial,sans-serif)} .reading-picdrome h1{font-weight:750!important;letter-spacing:-.045em} .reading-picdrome h2{font-weight:650!important} .reading-picdrome :is(code,pre,.eyebrow,.number){font-family:var(--c1gb4l3-font-mono,monospace)}\\n\")\n\n        , _react2.default.createElement('h1', null, \"Website image design guides\"   )\n        , _react2.default.createElement('p', { className: \"pd-lede\",}, \"Plain-English guides on choosing, sizing, optimizing, and licensing the images on your website.\"            )\n      , _react2.default.createElement('p', null, \"Picking images for a site can feel slow: too many options, unclear file sizes, and licensing questions that are easy to get wrong. These guides break each part into clear steps you can act on. Read them in order or jump straight to the one you need. Picdrome also offers original AI-generated images; these guides help you choose and check images from a source you trust, including AI-generated ones.\"                                                                    )\n      , _react2.default.createElement('p', null, _react2.default.createElement('strong', null, \"Who this is for\"   ))\n      , _react2.default.createElement('ul', null\n        , _react2.default.createElement('li', null, \"Entrepreneurs and small-business owners building or refreshing a website.\"        )\n        , _react2.default.createElement('li', null, \"Freelancers and template builders who choose images for client sites.\"         )\n        , _react2.default.createElement('li', null, \"Designers and marketers who want a quick, shared reference for image decisions.\"           )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"start-with-the-complete-guide\",}\n        , _react2.default.createElement('h2', { id: \"start-with-the-complete-guide\",}, \"Start with the complete guide\"    )\n        , _react2.default.createElement('p', null, \"If you only read one thing, read this. The complete guide pulls every topic below into a single path: how to think about each page section, how to size and compress files, how to write alt text, and how to stay on the right side of licensing.\"                                              )\n        , _react2.default.createElement('p', null, _react2.default.createElement('strong', null, \"The complete guide to website images\"     ), \" — a start-to-finish walkthrough for choosing and preparing the images on a business website, written for people who don't do design full time.\"                       )\n        , _react2.default.createElement('div', { className: \"pd-cta\",}\n          , _react2.default.createElement('a', { className: \"pd-btn\", href: \"/guides/business-website-images\",}, \"Read the complete guide →\"    )\n        )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"choosing-using-images\",}\n        , _react2.default.createElement('h2', { id: \"choosing-using-images\",}, \"Choosing & using images\"   )\n        , _react2.default.createElement('p', null, \"These guides cover the day-to-day decisions: which image belongs on which page, a simple framework for narrowing options, and the technical steps that keep a page fast and readable.\"                            )\n        , _react2.default.createElement('div', { className: \"pd-grid\",}\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/image-for-each-website-page\",}, \"Which image for each page\"    )), _react2.default.createElement('p', null, \"match the right kind of image to your home, about, services, and contact pages.\"             ))\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/choose-the-right-image-framework\",}, \"A framework for choosing\"   )), _react2.default.createElement('p', null, \"a short, repeatable way to decide between two or three images without second-guessing.\"            ))\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/website-image-sizes-cheat-sheet\",}, \"Image sizes cheat sheet\"   )), _react2.default.createElement('p', null, \"common pixel dimensions for hero, banner, thumbnail, and inline images.\"         ))\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/compress-website-images\",}, \"Compress your images\"  )), _react2.default.createElement('p', null, \"how to shrink file size so images load fast without looking blurry.\"           ))\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/write-alt-text-for-images\",}, \"Write alt text\"  )), _react2.default.createElement('p', null, \"describe images clearly so screen readers and search engines understand them.\"          ))\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/website-image-mistakes\",}, \"Common image mistakes\"  )), _react2.default.createElement('p', null, \"the slip-ups that make a site feel slow, cluttered, or off-brand, and how to avoid them.\"               ))\n        )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"licensing-rights\",}\n        , _react2.default.createElement('h2', { id: \"licensing-rights\",}, \"Licensing & rights\"  )\n        , _react2.default.createElement('p', null, \"Licensing is where small sites trip up most. These guides explain, in plain English, what you can and can't assume about an image — including AI-generated ones — and why terms like \\\"royalty-free\\\" and \\\"public domain\\\" don't mean what people often think they do. This is general information, not legal advice.\"                                                  )\n        , _react2.default.createElement('div', { className: \"pd-grid\",}\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/use-free-and-ai-images-safely\",}, \"Use free & AI images safely\"     )), _react2.default.createElement('p', null, \"the core rules for using free and AI-generated images on a real website.\"            ))\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/use-ai-images-commercially\",}, \"Using AI images commercially\"   )), _react2.default.createElement('p', null, \"what to check before you put an AI image on a page that sells something.\"              ))\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/free-vs-royalty-free-vs-public-domain\",}, \"Free vs royalty-free vs public domain\"     )), _react2.default.createElement('p', null, \"what each term actually means, and why the differences matter for your site.\"            ))\n        )\n        , _react2.default.createElement('div', { className: \"pd-callout\",}, _react2.default.createElement('p', null, _react2.default.createElement('strong', null, \"License note:\" ), \" Picdrome originals use the Picdrome License; images from other sources keep their own terms. For any image you use, the current license at its source controls — read it before you build. This page is general information and not legal advice.\"                                         ))\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"quick-references\",}\n        , _react2.default.createElement('h2', { id: \"quick-references\",}, \"Quick references\" )\n        , _react2.default.createElement('p', null, \"Three short references turn the guidance above into quick actions while you build.\"            )\n        , _react2.default.createElement('div', { className: \"pd-grid\",}\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/website-image-sizes-cheat-sheet\",}, \"Image sizes cheat sheet\"   )), _react2.default.createElement('p', null, \"look up recommended dimensions for each kind of image in one place.\"           ))\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/write-alt-text-for-images\",}, \"How to write alt text for images\"      )), _react2.default.createElement('p', null, \"a simple write-and-check method for clear, useful alt text.\"        ))\n          , _react2.default.createElement('div', { className: \"pd-card\",}, _react2.default.createElement('h3', null, _react2.default.createElement('a', { href: \"/blog/image-for-each-website-page\",}, \"Which image belongs on each page\"     )), _react2.default.createElement('p', null, \"see which image style and shape fits each section of a page.\"           ))\n        )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"where-to-go-next\",}\n        , _react2.default.createElement('h2', { id: \"where-to-go-next\",}, \"Where to go next\"   )\n        , _react2.default.createElement('p', null, \"Start with the complete guide, then branch into the topic you need.\"           )\n        , _react2.default.createElement('div', { className: \"pd-cta\",}\n          , _react2.default.createElement('a', { className: \"pd-btn\", href: \"/guides/business-website-images\",}, \"Read the complete guide to website images\"      )\n          , _react2.default.createElement('a', { className: \"pd-btn-secondary\", href: \"/blog/use-free-and-ai-images-safely\",}, \"Using free & AI images safely\"     )\n          , _react2.default.createElement('a', { className: \"pd-btn-secondary\", href: \"/blog/website-image-sizes-cheat-sheet\",}, \"Image sizes cheat sheet\"   )\n          , _react2.default.createElement('a', { className: \"pd-btn-secondary\", href: \"/blog\",}, \"All design topics on the blog\"     )\n        )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"faq\", className: \"pd-faq\",}\n        , _react2.default.createElement('h2', { id: \"faq\",}, \"FAQ\")\n        , _react2.default.createElement('h3', null, \"Do I need design skills to use these guides?\"        )\n        , _react2.default.createElement('p', null, \"No. They're written for people who build websites without a design background. Each guide explains the \\\"why\\\" in plain language and gives you a clear step to take, not a theory lecture.\"                               )\n        , _react2.default.createElement('h3', null, \"Which guide should I read first?\"     )\n        , _react2.default.createElement('p', null, \"Start with the \"   , _react2.default.createElement('a', { href: \"/guides/business-website-images\",}, \"complete guide to website images\"    ), \". It gives you the full picture, then links out to the specific guides when you want more depth on sizing, compression, alt text, or licensing.\"                         )\n        , _react2.default.createElement('h3', null, \"How big should my website images be?\"      )\n        , _react2.default.createElement('p', null, \"It depends on where the image goes — a full-width hero needs more pixels than a small thumbnail. The \"                   , _react2.default.createElement('a', { href: \"/blog/website-image-sizes-cheat-sheet\",}, \"image sizes cheat sheet\"   ), \" lists common dimensions section by section. After picking dimensions, run the file through the \"               , _react2.default.createElement('a', { href: \"/blog/compress-website-images\",}, \"compression guide\" ), \" so it loads quickly.\"    )\n        , _react2.default.createElement('h3', null, \"Where do I learn about image licensing?\"      )\n        , _react2.default.createElement('p', null, \"Start with \"  , _react2.default.createElement('a', { href: \"/blog/use-free-and-ai-images-safely\",}, \"using free & AI images safely\"     ), \", then read \"   , _react2.default.createElement('a', { href: \"/blog/free-vs-royalty-free-vs-public-domain\",}, \"free vs royalty-free vs public domain\"     ), \" to clear up the terms. For any specific image, the current license at its source is what controls your use. None of this is legal advice.\"                          )\n        , _react2.default.createElement('h3', null, \"Are these guides free?\"   )\n        , _react2.default.createElement('p', null, \"Yes. Every guide linked here is free to read, with no account or sign-up. Picdrome also offers original AI-generated images; the license at each image's source decides how you may use it.\"                               )\n      )\n      , _react2.default.createElement('section', { 'aria-labelledby': \"in-plain-language\", className: \"pd-summary\",}\n        , _react2.default.createElement('h2', { id: \"in-plain-language\",}, \"In plain language\"  )\n        , _react2.default.createElement('p', null, \"This is the index of Picdrome's image guides. It covers choosing the right image for each page, sizing and compressing files so pages stay fast and readable, writing alt text for accessibility, and understanding image licensing — plus quick references for sizes, alt text, and page-by-page choices.\"                                              )\n        , _react2.default.createElement('p', null, \"New here? Read the \"    , _react2.default.createElement('a', { href: \"/guides/business-website-images\",}, \"complete guide to website images\"    ), \" first, check \"   , _react2.default.createElement('a', { href: \"/blog/use-free-and-ai-images-safely\",}, \"using free & AI images safely\"     ), \" for licensing, and browse \"     , _react2.default.createElement('a', { href: \"/blog\",}, \"all design topics on the blog\"     ), \" for the rest. For any image you use, the current license at its source controls.\"               )\n      )\n    )\n  );\n} exports.default = GuidesPage;"}