Convert a PSD in transparent SVG (for eBooks)?

Hi people!

I worked on an e-book, in which I wanted to insert a few pages of scores I had scanned, and I divided the music in individual measures (i.e. "lines of music", if you are not familiar with the terminology of music) to make a separate graph. On the MobileReads forum (for epublishers, etc.), it was suggested that the best way to get something like that would be the SVG format (as opposed to JPEG or PNG or GIF format), but I had a heck of a time trying to get things out right. I use Photoshop/Illustrator CS6, incidentally (and have the full Design Studio).

There are a few questions that I have been struggling with...

First of all, for the life of me I can't seem to get my transparent PSD out like a transparent SVG - in fact, I can't even the PSD to retain its transparency (not that I "see", anyway) even just opening in Illustrator, never mind when I "save under" as an SVG. Although my original PSD is essentially a raster file (that is, a layer of my scanned scores, with another layer of text), I managed to understand how to use the 'Trace Image' function to convert it to vector (I used the option "16 colors"), then "recorded under ' SVG, but no matter what I try I can't be transparent (i.e. (, partitions and the text, but with no background)!

Second, the size of the files seems excessively high. If I create a simple PNG image of my picture (which I have no problem make it transparent), it comes out as a simple 18 k, but saves as SVG, it is almost 20 x the file size, to settle at a whopping 325 k! I looked at all the options in the "Save as" dialogue (SVG), but most is meaningless for me - surely there must be a way to keep the file up to a minimum size?

Finally, searching everywhere on the web for an answer to this, I saw reference to make a 'Save for Web and Devices' option, where so-called SVG is one of the formats you can choose here - in Photoshop or in Illustrator don't have I that, however, I don't have that 'save for Web', and SVG is not an option in there. Is 'Save for Web and Devices' come only after CS6?

Thank you very much for any suggestions on this - I would be happy to load my file original PSD (or the SVG/PNG versions that result is that I'm done with) if it would help. I think I just click on the "Insert Image" to do? Ain,

Thanks again in advance!

Psymon23 wrote:

As I mentioned in my last follow-up, I managed to figure out how to get my SVG to be transparent (via a tutorial on another site), but I still can't seem to understand how to get the file size down. I tried to save it with all different kinds of selected options, but even still, I can't have my image (that I used just to try to understand things) below ~ 280 k - then the same image as a transparent PNG is a simple 18 k.

Matrix product almost always below the vector standards. Composed of too many items with too many anchor points. Of course, this makes flie large enough size. PNG can be effectively compressedrather using limited color palettes, while vector graphics can not be compressed below a certain amount of data. Positions of anchors must be stored somewhere.

Tags: Illustrator

Similar Questions

  • How to convert a PSD to wordpress theme?

    Magalie

    I have web site my and I want to create a PSD file in photoshop and then I want to convert into a Wordpress Theme, can someone tell me how I can convert my PSDS to wordpress themes?...

    To create a theme Wordpress imagine and sensible from a Photoshop file.

    Thank you

    This message was edited by: nice med

    Hello

    Thus, the site you have accessed to uses a theme: / themes/supernews/and you want to create your own theme from scratch?

    Since you don't seem to be a Web Developer, this can be difficult for you. You will need to learn WP extensively. Maybe start here: Start Guide pour beginners - WPFR

    From Photoshop, most of the work is usually export all your assets 'image' in a folder on your computer and upload them to your WP /wp/WP - content/uploads/folder via WP Media uploader. Then, add them to the specific HTML containers.

    Me, I use Wordpress & thesis framework and it is diver skins in the construction of websites. (it's not free) See some examples of site HERE

    Stone

  • Transparent SVG background

    Is it possible to make the background of a transparent SVG document? The opacity value doesn't seem to work on the document itself?

    screen rim classes all have a white background. If you want the office seem to you will need to use a work around with Ui.getUiEngine.pushGlobalScreen from a background application.

  • How to convert a file SQM a PBO for Arma 2 file?

    How to convert a file SQM a PBO for Arma 2 file?  First, use the editor in Arma 2.  Then I save on user or single-mission I want to play a custom mission.

    Hi Tom,

    Thanks for posting the question in the Microsoft Community!

    You want to convert file SQM PBO.

    You can use a file converter software to convert file SQM PBO.

    You can use your favorite search engine to find the appropriate file converter.

    Warning: Using third-party software, including hardware drivers can cause serious problems that may prevent your computer from starting properly. Microsoft cannot guarantee that problems resulting from the use of third-party software can be solved. Software using third party is at your own risk.

    For any question related to Windows, feel free to contact us.

  • I canceled my account same day and join as convert PDF word has not converted correctly how to get credit for membership cancellation

    I canceled my account same day and join as convert PDF word has not converted correctly how to get credit for membership cancellation

    You need to contact Adobe customer service:

    They will check and help you. (Live chat)

    Contact the customer service

  • How can I place a div not transparent in a div transparent semi for a fluid presentation grid in dw cs6

    I am very frustrated I was looking for a solution to my problem, I am trying to place a non-transparent div, in a div transparent semi for a fluid page layout grid in Dw cs6, so far, I found no resolution is a way to do, I've attached a screenshot of my layout, everything I already looks exactly how I want it and it works perfectly with the checkerboard to fluid, with the exception of the white box. The area in white, I want to be opaque. Is there a way to do it and have it still work correctly as a checkerboard to fluid? Any help will be greatly appreciated!

    screenshot.jpg

    Opacity of the effect everything, including the containers & text inside.   To better control the opacity of the background, use RGBA colors.

    {#divName}

    background: rgba (255,255,255,0.4)

    }

    Nancy O.

  • Transparent color for the web?

    Hello

    I created a function table site & background have an image. I put white in color. I want a transparent white color, how can I do?

    My web page is attached for your reference.

    Concerning

    Maurytest.jpg

    In your favorite image editor, create a small (2px 2px) image and adjust the opacity to the desired amount. Save this image in PNG 24-bit with saves alpha transparency format. Put theis image in the images in your site folder.

    Then in your style or the style sheet, add the following CSS code:

    {.transparentTable}

    ("background: transparent url("path/to/image.png ") repeat;

    }

    Search in your HTML code, the table cell, you want to apply the background image "transparent", and add the class CSS - it should look like:

    ...

    How this code works:

    We have created a semi-transparent PNG and we use the attribute of image background CSS can to show the selected class, called "transparentTable". We say the browser also repeat this background image through all the width/height of the HTML element (in this case your table cell -) with the appropriate class. Using the 'transparent' keyword for the background-color attribute, we tell the browser to make the background color as transparent - this allows our image of background becoming the only "background" for this particular category of CSS.

    Questions:

    The transparent PNG are not supported by IE 6 or lower. IE 7 has problems with transparent PNGs that are repeated as a CSS background.

  • Reason for which is placed the PSD appear Transparent?

    I placed a psd file in my Adobe Illustrator file. However, it appears at a low opacity even if opacity is 100%. When I isolate it appears as a real 100%. Any suggestions why?

    Thank you

    This could happen if the transparency is applied to the layer instead of the object. Select, search for 'Layer' in the appearance Panel. Double-click on it, if it's there and check the opacity.

  • Transparent background for slide numbering Widget number

    I work at 8, Captivate, and I inserted the widget that puts drag numbers on every page of my module. Unfortunately, each number appears inside a little white square. Can I do the transparent code box so the white square will disappear? I tried this setting in the properties of widget dialog box, but apparently this tool only allows you to format the police number, not the background color. I would appreciate any guidance; Thank you.

    Do not use this widget more, it is not compatible with HTML output.

    Why not just insert a text container (form or legend, make it transparent) on the first slide, post it for the rest of the project and always on top. Insert variables using the X key in the role of composition of the text container properties panel:

    Slide it $$cpInfoCurrentSlide$ $ $ $cpInfoSlideCount$ $

    The advantage compared to having it on the slide, is the text container has an ID that makes controllable: you can hide/show it if necessary on some slides (like the question slides, that have their appropriate progress indicator).

    Be careful though: it is a dynamic, generated text over time. This means that you must use a font for the Web, to have watched as static text. It depends on the output as well, but since you are using a widget, I guess you are using output SWF. In this output, all static text is converted into images, which allows you to use another font even if it is not available on the system by the trainee. This is not the case for dynamic text

  • Color changes during the recording of the PSD to JPEG (safe for the web) in PS CS5 working in sRGB

    As I secured it for the web a PSD file, jpeg version of the same file changes slightly color - I opened the two files in PS CS5 to compare.

    File initially processed in Lightroom 6 and converted to sRGB for export.

    I worked in the sRGB color space in Photoshop.

    When exporting I secured for the web. I tried both options checked including the color profile and convert to sRGB.

    I tried to save to the web as a PNG and color remained the same, she only moves for JPEG files.

    You can't really see the difference in color with a naked eye, but be specific. I don't understand why he would change when I work in the color space is sRBG. Please help this is driving me crazy!

    JPEG compression can change the values, even quite spectacular on single pixel level. You have the selector of color set to "sample point"?

  • Hello! How can I convert a psd files with levels of text in PDFs into editable text? I should be able to edit the pdf files converted (from psd) with adobe reader. Thank you!

    I would like to convert psd to pdf files into editable from the current levels of photoshop text. After that I'll convert psd to pdf, I should be able to open the PDF with adobe reader and change the text.

    If anyone can help me I would really appreciate that cause its really important for me can thought to it.

    Thank you very much!!

    Gaia

    Hi gaiar402796,

    All changes will be possible using Acrobat application.

    Using reader you will not be able to make any changes.

    Kind regards
    Nicos

  • Save for transparent web for gaphics problem

    Hello!

    savng all transparent graphic in "" save for web &.. "the transparency of the original file is shown much more opaque/more dark and so it will save in file png."

    Iconnecte file where you can see a red box with opaciy 40%, but when open to save for web is more like a 60% opacity.

    I found solutions to some problems to change color in save for web, but none of them solved my problem.

    Any ideas?

    Not everything is as desperate it seems just a bit hidden in CS 3 and earlier in 4 CS the mystry was forced to take the frnt though not really rating as far as I know.

    The problem is simple to fix and has a logical reason why this is manifested in this way.

    In save CS 3 for the Web there is a small triangle at the top has left corner on the image display that offers a choice between the default and the color of the uncompressed problem and device, color Macintosh, Windows color and color profile Document which is what you are looking for that is what you expect match.

    There is also the option convert to sRGB that what the web fundamentally displays. Located on the upper right of the dialog also fall down.

    I hope that helps you find your way it used for me a little crazy drive me until I took a glance really close the dialog box.
  • Overview unwantedly convert a color to transparent (!)

    Hello

    I use a snippet to open png files and save them to gif format (to reduce the size of the file).

    The files are a book cover, including an orange background, with red, white and dark gray text and graphics (curves).

    Yesterday, it worked well.

    Today when I save as gif red color in the image disappears. I guess that it is transformed into Transparent. I see where the red text and graphic lines were is the background orange.

    Preview was not doing this yesterday.

    Today it is the same on the png files that I created yesterday, so I'm sure that change is in the preview, not Inkscape (which I used to create the PNG).

    I do not use the lasso or other tool to select all areas of the picture and enable transparency.

    I open the image, choose the export file to gif format and with the box checked and checked alpha, the color red is disappearing and I don't want it.

    Any suggestions much appreciated.

    Overview 8.1 (877.7)

    10.11.6 OSX

    Thank you.

    Do not use the gif. It is an older format, limited to 256 colors. It is quite insufficient for most uses (with the exception perhaps of dubious of these short "animations").

    One of the unique features of gif should have 'transparency' - but which has been achieved by stipulating a particular table as color being transparent (and not, as in modern formats, by adding a fourth channel, called "alpha channel" to the series of red, green and blue).

    Somehow the red in your translation got to be designated 'transparent color '.

    If you want to reduce the size of the file, try saving to jpeg and quality change to achieve a good balance between size and quality.

  • Transparency feature for under 2011 LabView touch panel module

    Hello

    I develop applications of touch panel for several years now. With LabView 2011, we can't not, to set the color of the pushbuttons to transparency.

    You have this function lost with Labview 2011? Or have I missed a particular setting?

    With the latest updates to Labview 2009 and LabView 2010, touch panel module has not changed at all.

    Thank you very much

    Magnus

    Hello Magnus,

    After that I tried to reproduce your transparency lost on a touchscreen in LabVIEW 2011

    I had the same green bar instead of a transparent button like you.

    In LabVIEW 2010, the button is transparent.

    I made a type definition with a push button, where I enter a rectangle colored (like your logo).

    but it did not work.

    After that, I asked a specialist of the touch panel in our Department. He said, that

    It often occurs on many touch screens with versions of windows this 5.0 and lower.

    But no solutions yet.

    Sorry I can't tell you more about this problem.

    Perhaps, you take the module LabVIEW touch panel for this project 2010.

    Best regards

    Johannes Winkler

    Application Engineering

    National Instruments

  • Convert resultlist container to a string for report

    Hi all

    Is there a way to convert a resultlist containing a string? I have a ResultList of a separate test that I need to add to the ModifyBatchReportHeader point of the string for my report in ASCII format.

    I tried adding "str (OtherTestResults)", but it adds just periods as if he doesn't know how to access the test data (name test, measure, etc.). Is there a a way to convert it containing a string the TestStand way automagically done at other times?

    Thank you

    Chris

    Hi Chris,

    Unless you said, I did not realize the batch mode.

    For my example, I used the ModifyBatchReportFooter. You can also use the header.

    You just have to play with the HTML tags.

    This example only works with HTML-reports!

    For the generation, it uses the sequence: PutResultsInReport reportgen_html.seq in the template folder - OR

    Hope this helps a little more

    Jürgen

Maybe you are looking for

  • AppleScript - quotes from removal of cells

    I need to remove the quotes of cells in number. Currently, I have a script that imports data from Yahoo Finance in numbers in a range of cells (for example b2:j8). Unfortunately, much of this data as of the dates & times that are imported are surroun

  • Limiting the movement of the scroll bar

    Hello I use a secondary in my VI. It shows all the values, but I want to limit the movement of the scroll bar. Exactly I don't want than the scroll bar controls where. Vicen LV 2010-7.1 with Windows XP

  • LAN address MAC using the windows API?

    I would like to read the MAC address of the LAN to my WIFI on my PC card. Apparently, this can be done using the Windows API Anyone tried something like this again? Thank you

  • Menu 'open with' keeps opening when I open anything.

    Administrator opens some elements but there is a problem with my own profile. In my profile, it is said could be a problem with the registry errors, I made tests both through of cmd and the ordinary scanner and whenever he came with nothing.  This pr

  • Can use code MNO to get Blackberry - GPS location if not available

    Can we use code MNO for location of the BlackBerry - GPS terminal if not available in this device? If yes then give me an idea how? If not, then is there any other way to get the approximate location of this device using mobile operator (if no GPS av