{"id":740126,"date":"2026-01-20T06:19:57","date_gmt":"2026-01-20T06:19:57","guid":{"rendered":"https:\/\/convertifypro.com\/?page_id=740126"},"modified":"2026-01-20T06:19:57","modified_gmt":"2026-01-20T06:19:57","slug":"vector-vs-raster-images-explained","status":"publish","type":"page","link":"https:\/\/convertifypro.com\/is\/vektor-vs-raster-myndir-utskyrdar\/","title":{"rendered":"Vektor vs raster myndir \u00fatsk\u00fdr\u00f0ar"},"content":{"rendered":"\n\n\n\n \n \n \n \n Vector vs raster myndir: Heill lei\u00f0beiningar um stafr\u00e6na graf\u00edk<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n \/* Main Styles *\/\n :root {\n --primary-color: #FD9800;\n --primary-hover: #e88a00;\n --text-color: #3A3A3A;\n --light-bg: #f8faff;\n --gradient-bg: linear-gradient(135deg, #f8faff 0%, #fff5e6 100%);\n --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n --hover-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n --border-color: #f1f5f9;\n }\n\n .guide-section {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem 1.5rem;\n font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n color: var(--text-color);\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n padding: 3rem 1rem;\n margin-bottom: 3rem;\n background: var(--gradient-bg);\n border-radius: 16px;\n position: relative;\n overflow: hidden;\n }\n\n .hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.5;\n z-index: 0;\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .hero-title {\n font-size: 2.8rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: var(--text-color);\n }\n\n .hero-subtitle {\n font-size: 1.25rem;\n margin-bottom: 2rem;\n color: var(--text-color);\n line-height: 1.6;\n }\n\n .hero-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 2rem;\n }\n\n .hero-badge {\n display: flex;\n align-items: center;\n background: white;\n border-radius: 50px;\n padding: 0.5rem 1rem;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n }\n\n .hero-badge:hover {\n transform: translateY(-3px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .hero-badge-icon {\n color: var(--primary-color);\n margin-right: 0.5rem;\n font-size: 1rem;\n }\n\n .hero-badge-text {\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--text-color);\n }\n\n .hero-buttons {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .btn {\n display: inline-block;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-weight: 600;\n text-decoration: none !important;\n transition: all 0.3s ease;\n cursor: pointer;\n font-size: 1rem;\n }\n\n .btn-primary {\n background-color: var(--primary-color);\n color: white !important;\n box-shadow: 0 8px 16px rgba(253, 152, 0, 0.2);\n border: none;\n }\n\n .btn-primary:hover {\n background-color: var(--primary-hover);\n transform: translateY(-2px);\n text-decoration: none !important;\n }\n\n .btn-secondary {\n background-color: white;\n color: var(--primary-color) !important;\n border: 1px solid var(--border-color);\n }\n\n .btn-secondary:hover {\n background-color: #fff5e6;\n transform: translateY(-2px);\n text-decoration: none !important;\n }\n\n \/* Features Section *\/\n .features-section {\n margin-bottom: 4rem;\n }\n\n .section-title {\n font-size: 2.2rem;\n font-weight: 700;\n text-align: center;\n margin-bottom: 2.5rem;\n color: var(--text-color);\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n }\n\n .feature-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .feature-icon {\n width: 60px;\n height: 60px;\n background-color: rgba(253, 152, 0, 0.15);\n color: var(--primary-color);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n font-size: 1.8rem;\n transition: all 0.3s ease;\n }\n\n .feature-card:hover .feature-icon {\n background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n color: white;\n box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n }\n\n .feature-content {\n padding: 2rem;\n flex-grow: 1;\n }\n\n .feature-title {\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--text-color);\n }\n\n .feature-text {\n font-size: 1rem;\n color: #555;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .feature-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 0.75rem;\n line-height: 1.5;\n }\n\n .feature-check {\n color: var(--primary-color);\n margin-right: 0.75rem;\n flex-shrink: 0;\n margin-top: 0.2rem;\n }\n\n .feature-item-text {\n font-size: 0.95rem;\n color: var(--text-color);\n }\n\n \/* Why Convert Section *\/\n .why-convert-section {\n margin-bottom: 4rem;\n background: var(--light-bg);\n border-radius: 16px;\n padding: 3rem 2rem;\n }\n\n .comparison-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n\n .format-card {\n background: white;\n border-radius: 16px;\n padding: 1.5rem;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n }\n\n .format-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .format-title {\n font-size: 1.6rem;\n font-weight: 700;\n margin-bottom: 1.25rem;\n color: var(--text-color);\n display: flex;\n align-items: center;\n }\n\n .format-icon {\n color: var(--primary-color);\n margin-right: 0.75rem;\n font-size: 1.6rem;\n }\n\n .format-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .format-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 0.85rem;\n }\n\n .format-check {\n color: var(--primary-color);\n margin-right: 0.75rem;\n flex-shrink: 0;\n margin-top: 0.2rem;\n }\n\n .format-text {\n font-size: 0.95rem;\n color: #555;\n line-height: 1.5;\n }\n\n \/* How It Works Section *\/\n .how-it-works-section {\n margin-bottom: 4rem;\n }\n\n .steps-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .step-card {\n display: flex;\n align-items: flex-start;\n background: white;\n border-radius: 16px;\n padding: 2rem;\n box-shadow: var(--box-shadow);\n margin-bottom: 2rem;\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n .step-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background-color: rgba(253, 152, 0, 0.15);\n color: var(--primary-color);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: 700;\n margin-right: 1.5rem;\n flex-shrink: 0;\n transition: all 0.3s ease;\n }\n\n .step-card:hover .step-number {\n background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n color: white;\n box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n }\n\n .step-content {\n flex: 1;\n }\n\n .step-title {\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 0.75rem;\n color: var(--text-color);\n }\n\n .step-text {\n font-size: 1rem;\n color: #555;\n line-height: 1.6;\n }\n\n \/* Use Cases Section *\/\n .use-cases-section {\n margin-bottom: 4rem;\n background: var(--light-bg);\n border-radius: 16px;\n padding: 3rem 2rem;\n }\n\n .use-cases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n\n .use-case-card {\n background: white;\n border-radius: 16px;\n padding: 1.5rem;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n height: 100%;\n }\n\n .use-case-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .use-case-icon {\n color: var(--primary-color);\n font-size: 2rem;\n margin-bottom: 1rem;\n }\n\n .use-case-title {\n font-size: 1.3rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--text-color);\n }\n\n .use-case-text {\n font-size: 0.95rem;\n color: #555;\n line-height: 1.6;\n }\n\n \/* FAQ Section *\/\n .faq-section {\n margin-bottom: 4rem;\n }\n\n .faq-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .faq-item {\n background: white;\n border-radius: 16px;\n padding: 1.5rem 2rem;\n box-shadow: var(--box-shadow);\n margin-bottom: 1.5rem;\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n .faq-item:hover {\n transform: translateY(-3px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .faq-question {\n font-size: 1.2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--text-color);\n display: flex;\n align-items: center;\n }\n\n .faq-icon {\n color: var(--primary-color);\n margin-right: 0.75rem;\n font-size: 1.2rem;\n }\n\n .faq-answer {\n font-size: 1rem;\n color: #555;\n line-height: 1.6;\n }\n\n \/* Technical Details Section *\/\n .technical-details-section {\n margin-bottom: 4rem;\n }\n\n .technical-details-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n }\n\n .tech-detail-card {\n background: white;\n border-radius: 16px;\n padding: 1.5rem;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n }\n\n .tech-detail-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .tech-detail-title {\n font-size: 1.3rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--text-color);\n display: flex;\n align-items: center;\n }\n\n .tech-detail-icon {\n color: var(--primary-color);\n margin-right: 0.75rem;\n font-size: 1.3rem;\n }\n\n .tech-detail-text {\n font-size: 0.95rem;\n color: #555;\n line-height: 1.6;\n }\n\n \/* Security Section *\/\n .security-section {\n margin-bottom: 4rem;\n background: var(--light-bg);\n border-radius: 16px;\n padding: 3rem 2rem;\n }\n\n .security-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n }\n\n .security-card {\n background: white;\n border-radius: 16px;\n padding: 1.5rem;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n }\n\n .security-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .security-title {\n font-size: 1.3rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--text-color);\n display: flex;\n align-items: center;\n }\n\n .security-icon {\n color: var(--primary-color);\n margin-right: 0.75rem;\n font-size: 1.3rem;\n }\n\n .security-text {\n font-size: 0.95rem;\n color: #555;\n line-height: 1.6;\n }\n\n \/* CTA Section *\/\n .cta-section {\n text-align: center;\n padding: 3rem 1rem;\n background: var(--gradient-bg);\n border-radius: 16px;\n position: relative;\n overflow: hidden;\n margin-bottom: 2rem;\n }\n\n .cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.5;\n z-index: 0;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-title {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n color: var(--text-color);\n }\n\n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 2rem;\n color: #555;\n line-height: 1.6;\n }\n\n \/* Guide-specific Styles *\/\n .guide-content {\n background: white;\n border-radius: 16px;\n padding: 2rem;\n margin-bottom: 2rem;\n box-shadow: var(--box-shadow);\n border: 1px solid var(--border-color);\n }\n\n .guide-section-title {\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--text-color);\n margin-bottom: 1rem;\n }\n\n .guide-text {\n font-size: 1rem;\n color: #555;\n line-height: 1.8;\n margin-bottom: 1rem;\n }\n\n .guide-list {\n list-style: none;\n padding: 0;\n margin: 1rem 0;\n }\n\n .guide-list-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 0.75rem;\n padding-left: 1.5rem;\n position: relative;\n }\n\n .guide-list-item::before {\n content: \"\u2022\";\n color: var(--primary-color);\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n\n \/* Responsive Styles *\/\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2.2rem;\n }\n\n .section-title {\n font-size: 1.8rem;\n }\n\n .cta-title {\n font-size: 1.8rem;\n }\n\n .features-grid {\n grid-template-columns: 1fr;\n max-width: 500px;\n margin: 0 auto;\n }\n\n .step-card {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .step-number {\n margin-bottom: 1rem;\n margin-right: 0;\n }\n }\n\n @media (max-width: 480px) {\n .hero-title {\n font-size: 1.8rem;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n }\n\n .section-title {\n font-size: 1.6rem;\n }\n\n .feature-content {\n padding: 1.5rem;\n }\n\n .step-card {\n padding: 1.5rem;\n }\n\n .faq-item {\n padding: 1.25rem;\n }\n }\n\n \/* Button text should never be underlined *\/\n .btn:hover, .btn:focus, .btn:active {\n text-decoration: none !important;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"guide-section\">\n <!-- Hero Section -->\n <section class=\"hero-section\">\n <div class=\"hero-pattern\"><\/div>\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">Vektor vs raster myndir \u00fatsk\u00fdr\u00f0ar<\/h1>\n <p class=\"hero-subtitle\">Alhli\u00f0a handb\u00f3k til a\u00f0 hj\u00e1lpa \u00fe\u00e9r a\u00f0 skilja vektor vs raster myndir \u00fatsk\u00fdr\u00f0ar.<\/p>\n\n <div class=\"hero-badges\">\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-clock\"><\/i><\/span>\n <span class=\"hero-badge-text\">12 m\u00edn lesning<\/span>\n <\/div>\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-book\"><\/i><\/span>\n <span class=\"hero-badge-text\">Fr\u00e6\u00f0slulei\u00f0beiningar<\/span>\n <\/div>\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/span>\n <span class=\"hero-badge-text\">R\u00e1\u00f0leggingar s\u00e9rfr\u00e6\u00f0inga<\/span>\n <\/div>\n <\/div>\n\n <div class=\"hero-buttons\">\n <a href=\"#content\" class=\"btn btn-primary\">Byrja\u00f0u a\u00f0 lesa<\/a>\n <a href=\"\/download\" class=\"btn btn-secondary\">S\u00e6kja Convertify<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"guide-content\">\n <h2 class=\"guide-section-title\">Skilningur \u00e1 rastermyndum: Grunnurinn a\u00f0 stafr\u00e6nni lj\u00f3smyndun<\/h2>\n <p class=\"guide-text\">Rastermyndir, einnig \u00feekktar sem bitmapmyndir, eru samsettar \u00far rist af \u00f6rsm\u00e1um ferningum sem kallast pixlar. Hver pixel inniheldur s\u00e9rstakar litauppl\u00fdsingar og \u00feegar \u00fe\u00fasundum e\u00f0a millj\u00f3num \u00feessara pixla er ra\u00f0a\u00f0 saman mynda \u00feeir heildarmyndina sem \u00fe\u00fa s\u00e9r\u00f0 \u00e1 skj\u00e1num \u00fe\u00ednum. G\u00e6\u00f0i og sm\u00e1atri\u00f0i rastermyndar r\u00e1\u00f0ast algj\u00f6rlega af upplausn hennar – fj\u00f6lda pixla \u00e1 tommu (PPI) e\u00f0a punkta \u00e1 tommu (DPI).\n\nAlgeng rastersni\u00f0 eru JPEG, PNG, GIF, BMP og TIFF. \u00deessi sni\u00f0 eru tilvalin fyrir lj\u00f3smyndir, fl\u00f3knar myndir me\u00f0 halla og listaverk sem krefjast f\u00ednna sm\u00e1atri\u00f0um og litabreytileika. Stafr\u00e6nar myndav\u00e9lar, skannar og flestir myndvinnsluhugb\u00fana\u00f0ur virka fyrst og fremst me\u00f0 rastermyndum vegna \u00feess a\u00f0 \u00feeir eru fr\u00e1b\u00e6rir \u00ed a\u00f0 fanga f\u00ednger\u00f0 litaafbrig\u00f0i og fl\u00f3kin sm\u00e1atri\u00f0i sem finnast \u00ed raunverulegri lj\u00f3smyndun.\n\nHelstu takm\u00f6rkun rastermynda kemur \u00ed lj\u00f3s \u00feegar \u00fe\u00fa reynir a\u00f0 breyta st\u00e6r\u00f0 \u00feeirra. St\u00e6kkandi rastermynd umfram upprunalega upplausn hennar lei\u00f0ir til pixlamyndunar \u2013 einstakir pixlar ver\u00f0a s\u00fdnilegir og skapa kubba\u00f0, l\u00e1gg\u00e6\u00f0a \u00fatlit. \u00deetta er vegna \u00feess a\u00f0 hugb\u00fana\u00f0urinn ver\u00f0ur a\u00f0 giska \u00e1 hvernig n\u00fdju punktarnir \u00e6ttu a\u00f0 l\u00edta \u00fat, ferli sem kallast innskot, sem skilar sjaldan fullkomnum \u00e1rangri.<\/p>\n <ul class='guide-list'><li class='guide-list-item'>Fullkomi\u00f0 fyrir lj\u00f3smyndir og fl\u00f3ki\u00f0 myndefni me\u00f0 m\u00f6rgum litum<\/li><li class='guide-list-item'>Skr\u00e1arst\u00e6r\u00f0 eykst me\u00f0 h\u00e6rri upplausn og myndst\u00e6r\u00f0<\/li><li class='guide-list-item'>G\u00e6\u00f0i minnka \u00feegar \u00feau eru st\u00e6kku\u00f0 \u00fat fyrir upprunalega st\u00e6r\u00f0<\/li><li class='guide-list-item'>Sty\u00f0ur af n\u00e1nast \u00f6llum t\u00e6kjum og hugb\u00fana\u00f0i<\/li><\/ul>\n <\/div>\n <div class=\"guide-content\">\n <h2 class=\"guide-section-title\">Vektormyndir: Skalanleg graf\u00edk bygg\u00f0 me\u00f0 st\u00e6r\u00f0fr\u00e6\u00f0ilegri n\u00e1kv\u00e6mni<\/h2>\n <p class=\"guide-text\">Vektormyndir taka allt a\u00f0ra n\u00e1lgun vi\u00f0 a\u00f0 geyma sj\u00f3nr\u00e6nar uppl\u00fdsingar. \u00cd sta\u00f0 \u00feess a\u00f0 nota pixla, nota vektorgraf\u00edk st\u00e6r\u00f0fr\u00e6\u00f0ilegar form\u00falur til a\u00f0 skilgreina form, l\u00ednur, l\u00ednur og liti. \u00deessar st\u00e6r\u00f0fr\u00e6\u00f0ilegu l\u00fdsingar segja t\u00f6lvunni hvernig \u00e1 a\u00f0 teikna myndina \u00ed hva\u00f0a st\u00e6r\u00f0 sem er, sem \u00fe\u00fd\u00f0ir a\u00f0 h\u00e6gt er a\u00f0 st\u00e6kka vektorgraf\u00edk \u00f3endanlega \u00e1n \u00feess a\u00f0 missa g\u00e6\u00f0i e\u00f0a skerpu.\n\nVins\u00e6l vektorsni\u00f0 eru SVG, EPS, AI (Adobe Illustrator) og PDF (\u00feegar \u00feau innihalda vektor\u00fe\u00e6tti). Vektormyndir eru b\u00fanar til me\u00f0 teiknihugb\u00fana\u00f0i eins og Adobe Illustrator, CorelDRAW e\u00f0a \u00f3keypis valkostum eins og Inkscape. \u00deeir skara fram \u00far \u00ed a\u00f0 geyma l\u00f3g\u00f3, t\u00e1kn, leturfr\u00e6\u00f0i, einfaldar myndskreytingar og hvers kyns listaverk sem samanstanda af skilgreindum formum og solidum litum.\n\nSt\u00e6r\u00f0fr\u00e6\u00f0ilegt e\u00f0li vektorgraf\u00edkarinnar gerir \u00fe\u00e6r \u00f3tr\u00falega skilvirkar fyrir \u00e1kve\u00f0nar tegundir mynda. Einfalt l\u00f3g\u00f3 sem g\u00e6ti \u00feurft \u00fe\u00fasundir pixla \u00e1 rastersni\u00f0i er h\u00e6gt a\u00f0 l\u00fdsa me\u00f0 \u00f6rf\u00e1um st\u00e6r\u00f0fr\u00e6\u00f0ilegum j\u00f6fnum \u00e1 vektorsni\u00f0i, sem lei\u00f0ir til mun minni skr\u00e1arst\u00e6r\u00f0a fyrir einfalda graf\u00edk.<\/p>\n <ul class='guide-list'><li class='guide-list-item'>\u00d3endanlega skalanlegt \u00e1n g\u00e6\u00f0ataps<\/li><li class='guide-list-item'>Minni skr\u00e1arst\u00e6r\u00f0ir fyrir einfalda graf\u00edk<\/li><li class='guide-list-item'>Tilvali\u00f0 fyrir l\u00f3g\u00f3, t\u00e1kn og myndir<\/li><li class='guide-list-item'>Au\u00f0velt a\u00f0 breyta einst\u00f6kum \u00fe\u00e1ttum<\/li><\/ul>\n <\/div>\n <div class=\"guide-content\">\n <h2 class=\"guide-section-title\">Lykilmunur \u00e1 g\u00e6\u00f0um og sveigjanleika<\/h2>\n <p class=\"guide-text\">Mikilv\u00e6gasti munurinn \u00e1 vektor- og rastermyndum liggur \u00ed \u00fev\u00ed hvernig \u00fe\u00e6r h\u00f6ndla m\u00e6likvar\u00f0a. \u00deegar \u00fe\u00fa st\u00e6kkar vektormynd \u00far nafnspjaldast\u00e6r\u00f0 yfir \u00ed augl\u00fdsingaskiltast\u00e6r\u00f0 heldur h\u00fan fullkominni skerpu og sl\u00e9ttum br\u00fanum vegna \u00feess a\u00f0 t\u00f6lvan endurreiknar st\u00e6r\u00f0fr\u00e6\u00f0ilegu form\u00falurnar fyrir n\u00fdju st\u00e6r\u00f0irnar. Rastermyndir ver\u00f0a hins vegar pixlar og \u00f3sk\u00fdrar \u00feegar \u00fe\u00e6r eru st\u00e6kka\u00f0ar verulega umfram upprunalega upplausn.\n\nMe\u00f0h\u00f6ndlun lita er einnig mj\u00f6g mismunandi \u00e1 milli sni\u00f0anna tveggja. Rastermyndir skara fram \u00far a\u00f0 s\u00fdna millj\u00f3nir lita me\u00f0 mj\u00fakum halla og f\u00ednger\u00f0um umbreytingum, sem gerir \u00fe\u00e6r fullkomnar fyrir lj\u00f3smyndir. Vektormyndir virka best me\u00f0 f\u00f6stu litum og skilgreindum formum, \u00fe\u00f3 n\u00fat\u00edma vektorsni\u00f0 geti s\u00e9\u00f0 um halla og sum lj\u00f3smynda\u00e1hrif, geta \u00feau samt ekki passa\u00f0 vi\u00f0 \u00feann litafl\u00f3ki\u00f0 sem m\u00f6gulegt er me\u00f0 rastersni\u00f0um.\n\nSkr\u00e1arst\u00e6r\u00f0arsj\u00f3narmi\u00f0 eru mismunandi eftir \u00fev\u00ed hversu fl\u00f3kin mynd er. Einf\u00f6ld graf\u00edk me\u00f0 f\u00e1um litum er mun skilvirkari sem vektorar, en fl\u00f3knar myndir me\u00f0 m\u00f6rgum litum og sm\u00e1atri\u00f0um eru venjulega minni sem raster skr\u00e1r. Einfalt l\u00f3g\u00f3 g\u00e6ti veri\u00f0 2KB sem SVG vektorskr\u00e1 en 200KB sem h\u00e1g\u00e6\u00f0a PNG raster skr\u00e1.<\/p>\n \n <\/div>\n <div class=\"guide-content\">\n <h2 class=\"guide-section-title\">Velja r\u00e9tta sni\u00f0i\u00f0 fyrir verkefni\u00f0 \u00feitt<\/h2>\n <p class=\"guide-text\">Val \u00e1 milli vektor- og rastersni\u00f0a fer fyrst og fremst eftir myndinnihaldi \u00fe\u00ednu og fyrirhuga\u00f0ri notkun. Fyrir lj\u00f3smyndir, stafr\u00e6na list me\u00f0 fl\u00f3kinni \u00e1fer\u00f0, e\u00f0a hva\u00f0a mynd sem er tekin me\u00f0 myndav\u00e9l e\u00f0a skanna, eru rastersni\u00f0 eini hagn\u00fdti valkosturinn \u00feinn. JPEG virkar vel fyrir lj\u00f3smyndir \u00fear sem einhver \u00fej\u00f6ppun er \u00e1s\u00e6ttanleg, en PNG er betra fyrir myndir sem krefjast gagns\u00e6is e\u00f0a \u00feegar \u00fe\u00fa \u00fearft tapslausa \u00fej\u00f6ppun.\n\nVektorsni\u00f0 sk\u00edna fyrir l\u00f3g\u00f3, v\u00f6rumerkjagraf\u00edk, t\u00e1kn, einfaldar myndir og hva\u00f0a listaverk sem \u00fearf a\u00f0 vinna \u00ed m\u00f6rgum st\u00e6r\u00f0um. Ef \u00fe\u00fa ert a\u00f0 hanna l\u00f3g\u00f3 sem mun birtast \u00e1 nafnspj\u00f6ldum og augl\u00fdsingaskiltum er vektorsni\u00f0 nau\u00f0synlegt. \u00c1 sama h\u00e1tt nj\u00f3ta t\u00e1kn fyrir vefs\u00ed\u00f0ur og forrit g\u00f3\u00f0s af vektorsni\u00f0i vegna \u00feess a\u00f0 \u00feau \u00feurfa a\u00f0 l\u00edta sk\u00f6rp \u00fat \u00e1 \u00fdmsum skj\u00e1upplausnum og st\u00e6r\u00f0um.\n\n\u00cdhuga\u00f0u l\u00edka vinnufl\u00e6\u00f0i \u00feitt og samstarfs\u00fearfir. Au\u00f0veldara er a\u00f0 breyta og breyta vektorskr\u00e1m \u00fear sem \u00fe\u00fa getur vali\u00f0 og stillt einstaka \u00fe\u00e6tti. Rastermyndir krefjast venjulega fl\u00f3knari klippit\u00e6kni og geta veri\u00f0 ey\u00f0ileggjandi – \u00feegar \u00fe\u00fa flettir \u00fat l\u00f6g e\u00f0a minnkar upplausn tapast \u00fe\u00e6r uppl\u00fdsingar varanlega. Fyrir faglega h\u00f6nnunarvinnu gerir \u00fea\u00f0 a\u00f0 halda vektor frumritum kleift a\u00f0 breyta og endurn\u00fdta \u00ed framt\u00ed\u00f0inni.<\/p>\n \n <\/div>\n <div class=\"guide-content\">\n <h2 class=\"guide-section-title\">Umbreyting skr\u00e1arsni\u00f0s: Hven\u00e6r og hvernig \u00e1 a\u00f0 skipta<\/h2>\n <p class=\"guide-text\">Umbreyting \u00e1 milli vektor- og rastersni\u00f0a er algeng \u00ed faglegum verkfl\u00e6\u00f0i, en \u00fea\u00f0 er mikilv\u00e6gt a\u00f0 skilja aflei\u00f0ingarnar. Umbreyting fr\u00e1 vektor \u00ed raster (rasterization) er einf\u00f6ld og vi\u00f0heldur g\u00e6\u00f0um ef \u00fea\u00f0 er gert \u00ed n\u00e6gilegri upplausn. \u00de\u00fa g\u00e6tir rastera\u00f0 vektora fyrir vefnotkun, prentframlei\u00f0slu e\u00f0a \u00feegar \u00fe\u00fa vinnur me\u00f0 hugb\u00fana\u00f0 sem sty\u00f0ur ekki vektorsni\u00f0.\n\nUmbreyting \u00far rasteri \u00ed vektor (vektorv\u00e6\u00f0ing e\u00f0a rekja) er fl\u00f3knari og gefur sjaldan fullkomnar ni\u00f0urst\u00f6\u00f0ur. Sj\u00e1lfvirk rekjaverkf\u00e6ri geta umbreytt einf\u00f6ldum rastermyndum \u00ed vektora, en \u00feau virka best me\u00f0 myndum me\u00f0 mikilli birtuskil eins og l\u00f3g\u00f3 e\u00f0a l\u00ednulist. Lj\u00f3smyndir og fl\u00f3knar myndir eru illa vigta\u00f0ar vegna \u00feess a\u00f0 st\u00e6r\u00f0fr\u00e6\u00f0iform\u00falurnar geta ekki gefi\u00f0 n\u00e1kv\u00e6ma mynd af f\u00ednger\u00f0um litaafbrig\u00f0um.\n\n\u00deegar \u00fe\u00fa umbreytir sni\u00f0um skaltu alltaf vinna \u00far h\u00e1g\u00e6\u00f0a uppsprettu sem v\u00f6l er \u00e1 og \u00edhuga endanlega framlei\u00f0slukr\u00f6fur. Fyrir prentvinnu skaltu ganga \u00far skugga um a\u00f0 rastermyndir hafi n\u00e6gilega upplausn (venjulega 300 DPI), en vefgraf\u00edk getur nota\u00f0 l\u00e6gri upplausn (72-150 DPI) fyrir hra\u00f0ari hle\u00f0slut\u00edma.<\/p>\n \n <\/div>\n <div class=\"guide-content\">\n <h2 class=\"guide-section-title\">Bestu starfsvenjur til a\u00f0 vinna me\u00f0 b\u00e1\u00f0ar sni\u00f0tegundirnar<\/h2>\n <p class=\"guide-text\">\u00c1rangursr\u00edk stafr\u00e6n verkefni krefjast oft b\u00e6\u00f0i vektor- og raster\u00fe\u00e1tta sem vinna saman. H\u00f6nnun vefs\u00ed\u00f0na g\u00e6ti nota\u00f0 vektorgraf\u00edk fyrir l\u00f3g\u00f3 og t\u00e1kn \u00e1 me\u00f0an h\u00fan fellur inn raster lj\u00f3smyndir fyrir sj\u00f3nr\u00e6na a\u00f0dr\u00e1ttarafl. Skilningur \u00e1 \u00fev\u00ed hvernig \u00e1 a\u00f0 hagr\u00e6\u00f0a b\u00e1\u00f0um ger\u00f0um tryggir faglegan \u00e1rangur og skilvirkt verkfl\u00e6\u00f0i.\n\nFyrir vektorgraf\u00edk skaltu halda h\u00f6nnun \u00feinni skipulag\u00f0ri me\u00f0 r\u00e9ttri lagastj\u00f3rnun og samkv\u00e6mum nafnahef\u00f0um. Nota\u00f0u vi\u00f0eigandi litastillingar (RGB fyrir stafr\u00e6nt, CMYK fyrir prentun) og vi\u00f0haldi\u00f0 breytanlegum upprunaskr\u00e1m. \u00deegar \u00fe\u00fa b\u00fdr\u00f0 til vektora skaltu \u00edhuga hvernig \u00feeir ver\u00f0a nota\u00f0ir – fl\u00f3knir vektorar me\u00f0 m\u00f6rgum akkerispunktum geta h\u00e6gt \u00e1 vafra og auki\u00f0 skr\u00e1arst\u00e6r\u00f0.\n\nF\u00ednstilling \u00e1 rastermyndum leggur \u00e1herslu \u00e1 a\u00f0 koma jafnv\u00e6gi \u00e1 g\u00e6\u00f0i og skr\u00e1arst\u00e6r\u00f0. Veldu vi\u00f0eigandi \u00fej\u00f6ppunarstillingar fyrir afhendingara\u00f0fer\u00f0ina \u00fe\u00edna, vi\u00f0haldi\u00f0 \u00f6ryggisafritum af frumritum \u00ed h\u00e1rri upplausn og nota\u00f0u vi\u00f0eigandi litasni\u00f0. Til notkunar \u00e1 vefnum skaltu \u00edhuga m\u00f3tt\u00e6kilega myndt\u00e6kni sem \u00fej\u00f3nar mismunandi upplausnum byggt \u00e1 getu t\u00e6kisins.<\/p>\n \n <\/div>\n\n\n <!-- Features Section -->\n <section class=\"features-section\">\n <h2 class=\"section-title\">Helstu veitingar<\/h2>\n\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-vector-square\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Vektorgraf\u00edk Excel \u00ed sveigjanleika<\/h3>\n <p class=\"feature-text\">Vektormyndir nota st\u00e6r\u00f0fr\u00e6\u00f0ilegar form\u00falur \u00ed sta\u00f0 pixla, sem gerir \u00fe\u00e6r \u00f3endanlega skalanlegar \u00e1n g\u00e6\u00f0ataps<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Fullkomi\u00f0 fyrir l\u00f3g\u00f3, t\u00e1kn og einfaldar myndir<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Haltu sk\u00f6rpum br\u00fanum \u00ed hva\u00f0a st\u00e6r\u00f0 sem er<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Minni skr\u00e1arst\u00e6r\u00f0ir fyrir einfalda graf\u00edk<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-image\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Raster myndir me\u00f0h\u00f6ndla fl\u00f3kin sm\u00e1atri\u00f0i<\/h3>\n <p class=\"feature-text\">Pixel-undirsta\u00f0a raster myndir eru tilvalin fyrir lj\u00f3smyndir og fl\u00f3kin listaverk me\u00f0 m\u00f6rgum litum og halla<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Fr\u00e1b\u00e6r fyrir lj\u00f3smyndaefni<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sty\u00f0ja millj\u00f3nir lita og sl\u00e9ttar umbreytingar<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">G\u00e6\u00f0i r\u00e1\u00f0ast af upplausn og pixla\u00fe\u00e9ttleika<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-exchange-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Sni\u00f0val hefur \u00e1hrif \u00e1 \u00e1rangur verkefnisins<\/h3>\n <p class=\"feature-text\">A\u00f0 velja r\u00e9tt sni\u00f0 fr\u00e1 upphafi sparar t\u00edma og tryggir h\u00e1marksg\u00e6\u00f0i fyrir tilteki\u00f0 notkunartilvik<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u00cdhuga endanlega framlei\u00f0slust\u00e6r\u00f0 og mi\u00f0lungs<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Skipuleggja \u00fearfir fyrir breytingar og breytingar \u00ed framt\u00ed\u00f0inni<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Jafnv\u00e6gi skr\u00e1arst\u00e6r\u00f0 me\u00f0 g\u00e6\u00f0akr\u00f6fum<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <!-- FAQ Section -->\n <section class=\"faq-section\">\n <h2 class=\"section-title\">Algengar spurningar<\/h2>\n\n <div class=\"faq-container\">\n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Get \u00e9g breytt lj\u00f3smynd \u00ed vektorsni\u00f0?\n <\/h3>\n <div class=\"faq-answer\">\n <p>\u00de\u00f3 \u00fea\u00f0 s\u00e9 t\u00e6knilega m\u00f6gulegt me\u00f0 rekjahugb\u00fana\u00f0i, skilar sjaldan vi\u00f0unandi \u00e1rangri a\u00f0 breyta fl\u00f3knum lj\u00f3smyndum \u00ed vektorsni\u00f0. Sj\u00e1lfvirk rakning virkar best \u00e1 einfaldar myndir me\u00f0 mikla birtuskil eins og l\u00f3g\u00f3 e\u00f0a l\u00ednulist. Lj\u00f3smyndir innihalda of miki\u00f0 litafbrig\u00f0i og sm\u00e1atri\u00f0i til a\u00f0 h\u00e6gt s\u00e9 a\u00f0 t\u00e1kna \u00fe\u00e6r \u00e1 \u00e1hrifar\u00edkan h\u00e1tt me\u00f0 st\u00e6r\u00f0fr\u00e6\u00f0ilegum form\u00falum.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Af hverju eru vektormyndir stundum \u00f3sk\u00fdrar \u00e1 vefs\u00ed\u00f0um?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Vektormyndir geta birst \u00f3sk\u00fdrar vegna flutnings vafra, \u00f3vi\u00f0eigandi m\u00e6likvar\u00f0a e\u00f0a andstillingar\u00e1hrifa. \u00deetta gerist oft \u00feegar vektorgraf\u00edk er kvar\u00f0a\u00f0 \u00ed pixlagildi sem ekki eru heilt\u00f6lu e\u00f0a \u00feegar flutningsv\u00e9l vafrans beitir j\u00f6fnun. Me\u00f0 \u00fev\u00ed a\u00f0 nota r\u00e9ttar \u00fats\u00fdnisstillingar og CSS hagr\u00e6\u00f0ingu getur \u00fea\u00f0 leyst flest skj\u00e1vandam\u00e1l.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Hver er munurinn \u00e1 DPI og PPI?\n <\/h3>\n <div class=\"faq-answer\">\n <p>DPI (punktar \u00e1 tommu) v\u00edsar til upplausnar prentara, en PPI (pixlar \u00e1 tommu) v\u00edsar til stafr\u00e6nnar skj\u00e1upplausnar. Fyrir skj\u00e1sko\u00f0un er 72-150 PPI venjulega n\u00f3g. Fyrir prentun er 300 DPI sta\u00f0all fyrir h\u00e1g\u00e6\u00f0a \u00fattak. Vektormyndir hafa ekki fasta upplausn \u00fear sem \u00fe\u00e6r eru st\u00e6r\u00f0fr\u00e6\u00f0ilega skilgreindar.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Hva\u00f0a sni\u00f0 er betra fyrir vefh\u00f6nnun?\n <\/h3>\n <div class=\"faq-answer\">\n <p>B\u00e6\u00f0i sni\u00f0in eiga sinn sta\u00f0 \u00ed vefh\u00f6nnun. Nota\u00f0u vektorsni\u00f0 (SVG) fyrir l\u00f3g\u00f3, t\u00e1kn og einfalda graf\u00edk sem \u00fearf a\u00f0 skala milli t\u00e6kja. Nota\u00f0u rastersni\u00f0 (JPEG fyrir myndir, PNG fyrir graf\u00edk me\u00f0 gagns\u00e6i) fyrir fl\u00f3knar myndir og lj\u00f3smyndir. SVG er s\u00e9rstaklega d\u00fdrm\u00e6tt fyrir m\u00f3tt\u00e6kilega h\u00f6nnun.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Get \u00e9g breytt vektormyndum \u00e1n d\u00fdrs hugb\u00fana\u00f0ar?\n <\/h3>\n <div class=\"faq-answer\">\n <p>J\u00e1, nokkrir \u00f3keypis valkostir eru til fyrir vektor klippingu. Inkscape er \u00f6flugur, \u00f3keypis valkostur vi\u00f0 Adobe Illustrator. Margir ritstj\u00f3rar \u00e1 netinu sty\u00f0ja einnig grunn vektor klippingu. Hins vegar krefjast fagleg vinnufl\u00e6\u00f0i oft h\u00e1\u00fer\u00f3a\u00f0a eiginleika sem finnast \u00ed vi\u00f0skiptahugb\u00fana\u00f0i.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Af hverju eru rastermyndirnar m\u00ednar pixla\u00f0ar \u00feegar \u00fe\u00e6r eru prenta\u00f0ar?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Pixelering \u00e1 s\u00e9r sta\u00f0 \u00feegar rastermyndir hafa ekki n\u00e6gilega upplausn til a\u00f0 prenta \u00fat. Vefmyndir (72 PPI) birtast pixla\u00f0ar \u00feegar \u00fe\u00e6r eru prenta\u00f0ar vegna \u00feess a\u00f0 prentarar \u00feurfa miklu h\u00e6rri upplausn (300 DPI l\u00e1gmark). Nota\u00f0u alltaf upprunamyndir \u00ed h\u00e1rri upplausn fyrir prentverkefni.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Hvernig veit \u00e9g hvort mynd er vektor e\u00f0a raster?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Athuga\u00f0u skr\u00e1arlenginguna: vektorsni\u00f0 innihalda SVG, AI, EPS, en rastersni\u00f0 innihalda JPEG, PNG, GIF, BMP. \u00de\u00fa getur l\u00edka pr\u00f3fa\u00f0 me\u00f0 \u00fev\u00ed a\u00f0 \u00feysja inn \u2013 rastermyndir s\u00fdna einstaka pixla e\u00f0a ver\u00f0a \u00f3sk\u00fdrar, en vektormyndir haldast skarpar \u00ed hva\u00f0a st\u00e6kkunarstigi sem er.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Hvert er besta sni\u00f0i\u00f0 fyrir l\u00f3g\u00f3?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Vektorsni\u00f0 (helst SVG e\u00f0a AI) er best fyrir l\u00f3g\u00f3 vegna \u00feess a\u00f0 \u00feau \u00feurfa a\u00f0 virka \u00ed \u00fdmsum st\u00e6r\u00f0um \u00e1n g\u00e6\u00f0ataps. Haltu upprunalegu vektorskr\u00e1nni og b\u00fa\u00f0u til raster\u00fatg\u00e1fur (PNG me\u00f0 gagns\u00e6i) eftir \u00fe\u00f6rfum fyrir tiltekin forrit sem sty\u00f0ja ekki vektorsni\u00f0.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <!-- CTA Section -->\n <section class=\"cta-section\">\n <div class=\"cta-pattern\"><\/div>\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Settu \u00feekkingu \u00fe\u00edna \u00ed framkv\u00e6md<\/h2>\n <p class=\"cta-text\">N\u00fa \u00feegar \u00fe\u00fa skilur hugt\u00f6kin skaltu pr\u00f3fa Convertify til a\u00f0 nota \u00fea\u00f0 sem \u00fe\u00fa hefur l\u00e6rt. \u00d3keypis, \u00f3takm\u00f6rku\u00f0 vi\u00f0skipti \u00e1n \u00feess a\u00f0 \u00feurfa reikning.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"\/download\" class=\"btn btn-primary\">S\u00e6kja Convertify \u00f3keypis<\/a>\n <a href=\"\/guides\" class=\"btn btn-secondary\">Fleiri lei\u00f0s\u00f6gumenn<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vector vs raster myndir: Heill lei\u00f0beiningar um stafr\u00e6na graf\u00edk Vektor vs raster myndir \u00fatsk\u00fdr\u00f0ar Alhli\u00f0a handb\u00f3k til a\u00f0 hj\u00e1lpa \u00fe\u00e9r […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-740126","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"convertify","author_link":"https:\/\/convertifypro.com\/author\/convertifypro\/"},"uagb_comment_info":0,"uagb_excerpt":"Vector vs raster myndir: Heill lei\u00f0beiningar um stafr\u00e6na graf\u00edk Vektor vs raster myndir \u00fatsk\u00fdr\u00f0ar Alhli\u00f0a handb\u00f3k til a\u00f0 hj\u00e1lpa \u00fe\u00e9r […]","_links":{"self":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/740126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/comments?post=740126"}],"version-history":[{"count":0,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/740126\/revisions"}],"wp:attachment":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/media?parent=740126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}