Jump to content

Exporting SVG and PDF in designer. Pixelated?

Goldi708
 Share

Recommended Posts

v_kyr

v_kyr

Posted
Posted
46 minutes ago, Goldi708 said:

I tried exporting the following file as SVG and PDF but it always becomes pixelated. Why?

Since it's exported as an bitmap image due to the one "erase layer" used inside, which rasterizes the whole as an image then!

rasterized.png.2c8328614eec75796909f4780174b1d9.png 

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 105 61" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
    <g transform="matrix(1,0,0,1,-1199.87,-1716.75)">
        <g id="_1" serif:id="1" transform="matrix(-0.209955,4.16334e-17,-4.85723e-17,0.209955,1681.07,1388.25)">
            <g transform="matrix(-4.76294,9.44476e-16,-1.10189e-15,4.76294,2291.93,1564.63)">
                <use xlink:href="#_Image1" x="0" y="0" width="104.583px" height="60.38px" transform="matrix(0.99603,0,0,0.989839,0,0)"/>
            </g>
        </g>
    </g>
    <defs>
        <image id="_Image1" width="105px" height="61px" xlink:href="data:image/jpeg;base64,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"/>
    </defs>
</svg>

 

Instead rearange your file, so it will be kept as all vectors. Therefor add the parts together (for example as a compound) and there (-) subtract the yellow curve form (as a "normal layer") from then ...

rasterized_no.png.ba124e703e20fa5b7aff0ece1552b031.png 

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 2481 3508" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
    <g transform="matrix(-0.209955,4.16334e-17,-4.85723e-17,0.209955,1681.07,1388.25)">
        <path d="M2167.96,1651.75C2177.66,1658.02 2185.55,1675.06 2207.64,1685.82C2244.83,1703.93 2283.47,1622.5 2286.8,1627.52C2294.56,1639.22 2270.14,1804.13 2202.27,1820.9C2148.32,1834.22 2002.47,1939.58 1800.31,1625.08C1785.9,1602.66 1831.53,1562.57 1857.37,1569.08C1884.48,1575.91 1933.03,1657.29 1962.98,1666.06C1984.92,1672.49 2005.93,1650.35 2017.99,1645.52C2051.72,1631.98 2133.42,1629.42 2167.96,1651.75ZM1996.17,1698.08C1972.73,1717.61 2032.36,1818.02 2050.31,1822.08C2066.63,1825.76 2068.97,1801.24 2079.31,1797.08C2089.53,1792.96 2104.37,1792.24 2112.37,1797.08C2120.37,1801.91 2113.8,1825.42 2127.31,1826.08C2144.01,1826.88 2212.82,1726.18 2190.96,1704.85C2169.11,1683.52 2019.62,1678.54 1996.17,1698.08Z" style="stroke:rgb(38,38,38);stroke-width:7.5px;"/>
    </g>
    <g transform="matrix(-0.209955,4.16334e-17,-4.85723e-17,0.209955,1729.5,1402.75)">
        <g id="_1" serif:id="1">
            <g>
                <g>
                    <g transform="matrix(1,0,0,1,-0.04773,-1.63002)">
                        <path d="M2082.69,1517.95C2084.44,1545.41 2079.83,1569.75 2068.69,1586.13" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    </g>
                    <path d="M2113,1540.57C2115.08,1552.36 2098.23,1566.94 2102.84,1580.13" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2088,1585C2083.85,1599.11 2090.56,1618.33 2082.84,1629" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2153,1582C2150.67,1596 2148.33,1610 2146,1624" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2174.55,1603C2164.33,1635.11 2176.89,1645.33 2167.55,1662" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2137,1641C2136.33,1651.67 2135.67,1662.33 2135,1673" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2200,1614C2190.16,1624.67 2203.48,1634 2196.22,1644" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2223.99,1660.63C2227.91,1694.02 2199.74,1709.8 2198.11,1740.38" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <g transform="matrix(1,0,0,1,-5.08321,4)">
                        <path d="M2235.47,1712C2238.81,1725.31 2227.49,1730.92 2234,1740.38" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    </g>
                    <path d="M2250,1591C2246.67,1596 2252,1604 2247,1607" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2284,1581C2281.33,1588.33 2288.78,1594.11 2285,1603" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2490,1614C2487.74,1627.56 2473.22,1643.67 2474.33,1658" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2452,1694C2454.17,1704.31 2444.31,1719.21 2451.75,1731.09" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2308,1581C2312.33,1585.53 2314.11,1590.62 2315.7,1595.23C2316.69,1598.08 2317.6,1600.75 2319,1603" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2369,1586C2369.67,1593.67 2363.56,1595.89 2362,1603" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2390.96,1594.5C2390.3,1600.17 2400.99,1602.5 2397,1611" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2409.82,1694.97C2409.86,1710.31 2423.94,1719.18 2418,1730.19" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2400.61,1737.38C2393.75,1745.59 2390.6,1755.53 2395.03,1765" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2334,1740.38C2337.33,1750.59 2333.78,1760.2 2332,1765" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2318,1740.38C2308.67,1748.59 2309.22,1757.53 2314,1765" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2463,1630C2467.33,1644.17 2451.11,1659.06 2455,1672.5" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2229.86,1603C2218.11,1608.67 2221.62,1620 2213,1624" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2341,1581C2346.79,1589.51 2334.81,1588.74 2340.5,1603" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2439,1660C2442.89,1670.89 2429.67,1694.67 2434,1711" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2425.42,1624C2438.33,1629.67 2449.14,1644 2446,1648" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2187,1671C2174.66,1680.04 2186.53,1711.09 2168.97,1719.12" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2134,1563C2136.22,1575.56 2126.67,1575.67 2126,1594" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2109,1603C2114.09,1617.44 2104.75,1623.56 2109.18,1639.35" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                    <path d="M2051,1555C2052.9,1562.11 2056.7,1576.33 2047.55,1581" style="fill:none;stroke:rgb(38,38,38);stroke-width:7.5px;"/>
                </g>
            </g>
        </g>
    </g>
</svg>

 

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Old Bruce

Old Bruce

Posted
Posted

Even easier is to just use the yellow "Erase" layer to subtract from the very bottom layer, then you can get rid of the topmost layer as well.

ScreenShot2023-10-17at10_02_24AM.png.65b07e8670e857f22ac0823d0ba0f473.png

ScreenShot2023-10-17at10_02_47AM.png.181024614d83c49d9ee79c5964c605db.png

Mac Pro (Late 2013) Mac OS 12.7.6 
Affinity Designer 2.6.0 | Affinity Photo 2.6.0 | Affinity Publisher 2.6.0 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.