I am trying to overrride the banner in my custom wix ui.
I have successfully done this using
The banner normally looks like this:
When I build the MSI and run it the banner is replaced but there are weird artifacts in it like this:
The edges seem to have gone all jagged (note the white up the top was me blanking out product name)
Is there a reason why the image goes like this and possible a way to avoid it?
Irfanview shows the following for the image properties:
This is because the banner size in the MSI Wizard is different from the described default size of 500 × 63. You can use Paint to measure the banner. I've got 494 × 58 px on your screenshot. (I can't say the size of the banner bitmap we use at the moment, will add later.)
Note however: this size will work for default DPI setting of 96 dpi. If you choose 120 dpi or other settings, the size of the dialogs will grow, bitmap will be scaled and look jagged consequently. I do not know a workaround to this.
From what I could tell the original image was actually 500 x 63 (at least as reported by IrFanView and Paint)
I made a new image that was the size of 493 x 58 and DPI of 96 and this seems to have prevented the jaggies.
I looked at the Wix source and the UIExtension dialogs have the following line (or similar)
It looks like the image control is set to 370x44. I did try creating an image that size but still had problems.
Related
I have recieved by email, than downloaded, the picture that you can see opened with Photoshop in the screenshot below.
That picture was created - and was meant to remain - wider than high.
How come Photoshop "sees" its height bigger than its width?
I add the detail that, opening it only with some software (Paint, Picasa viewer,...), I see the picture squeezed horizontally of about 50%: this way, width is smaller than height to my eye too.
Any help/hint to understand the reasons and to avoid such ambiguity in viewing?
I have now found out what was making the problem occur.
Right-clicking the image icon one can access the image/file properties, on Windows OS.
Properties > Details > Image: here I found horizontal and vertical resolution.
Since the first was set to 200dpi and the second to 400dpi (by mistake in this case!), the image aspect-ratio appeared to be altered from what was expected. It was now very easy to edit such couple of values using - for example - Photoshop's Image size menu.
Basically, I'd like to resize or resample a .png image (in order to reduce its file size) and yet retain it's transparency.
Anybody got an idea how best to go about this?
Thanks.
You can use paint.net, it is a free tool. Although it is pretty basic, it does the job.
Go to Image > Resize
Stumbled upon this thread and found the following site that does exactly what is requested: https://onlinepngtools.com/resize-png
What graphics program are you using?
Photoshop does this by simply going thru IMAGE > IMAGE SIZE and resizing. Transparency is not affected.
I'm sure Paint Shop Pro does the same
I know this is an old question, but the answer that worked for me was to use Inkscape.
Start Inkscape (free on Inkscape.org).
File -> Import... (Ctrl+I) the PNG file you want to resize (defaults on import dialog are ok).
With the image you just imported selected, select File -> Export PNG image... (Shift+Ctrl+E)
In the Export PNG Image tool pane, click the Export As... button to set the output filename and location.
In this same tool pane, set the image size using width/height or pixels.
In this same tool pane, click the Export button to create the output file.
This worked for me, hope it helps someone else.
Providing the image you have created / have been working on is transparent in the first place, using the "Resize" or "Resample" tools in any major image editing package (e.g. PhotoShop, PaintShop Pro and so on) should not affect (or lose) the transparency at all.
I use PaintShop Pro (X6, 64 Bit) myself and typically find that the "PNG Optimizer" option offers more options along these lines (than the default "Save As > .png" route).
Hope that this helps (specific to PaintShop Pro Users) in relation to the source question.
While I was waiting for the downloads of other image editing softwares, I tried Microsoft Power Point and succeeded in preserving the transparency.
Drag the image inside any slide, crop or resize, then save as a new picture as .png.
You can drag the image back in ppt to confirm the transparency is maintained
The complete Autodesk Sketchbook is now out for free including all the previous premium features such as resizing an image.
You do it as you would in paint by clicking on Image > Image Size... and then you can save as a .png without losing transparency.
Image size can be reduced by reducing number of colors and there are online tools to do this .
Try these..Hope they solve your problem
https://tinypng.com/
http://pngcrush.com/ and
http://tools.dynamicdrive.com/imageoptimizer/ --It provides more output images with different number of colors. However, smoothness will be effected, take care.
I'm running out of hair to pull. I created two icons:
icon#2x.png (114x114)
icon.png (57x57)
For some reason they appear half sized, however. See this screenshot:
https://docs.google.com/open?id=0BxSFZAq0OUFGbXFWbWNTVlo3RHc
I'm 100% confident my icon sizes are as described. Any ideas why this might happen?
Some side notes that may or may not be relevant:
- I'm using PhoneGap + JQueryMobile, not that that should mapper
- I dragged a reference to the two icons into the Resources/icons folder, replacing the original icon.png and icon#2x.png files.
I had this problem as well. I experimented and discovered that it is related to the pixels/inch resolution. icon#2x seems to want 150 pixels/inch for full size, 300 pixels/inch gives half size, and 600 pixels/inch (which is what I was using) gives quarter size. As near as I can tell, image resolution didn't really have that much of an impact on the quality of the image when placed on an iPhone. My icon is very sensitive to rendering, so any degradation of image quality would have been readily noticeable.
Changing all the icons to 72dpi from 300dpi solved my problem.
Check the icon, as this is png image there was transparent background so crop the png file that starts with postion where blue color starts in the image. This solves your problem
I just had the same issue. My solution was to just open them in Xee (probably lots of other programs will do the trick) and resave them as png. My icons were originally created in gimp and this may something to do with they way that gimp saved them.
Exactly same thing happened to my defaults files - the same solution fixed it.
I had this issue when creating assets with Gimp. To solve it I unchecked "Save resolution" in the export dialog.
What I'm trying to do:
I've added a splash screen to an application I'm creating for Windows Phone 7. I did this simply by replacing the pre-existing splash screen file with my own.
What goes wrong:
The splash screen is not displayed like it should be - it is being down sampled to an 8 bit image or something weird:
-
The image I'm using
-
The image that gets displayed
It's a bit hard to see depending on your monitor, but on a phone it's reasonably obvious. There are fuzzy greenish lines that appear - basically like the image is being down sampled or the quality worsened.
Any idea what I'm doing wrong, or what might be happening?
Thanks.
Try forcing the app to display images at 32 bits per pixel (instead of the default of 16)
Add an attribute of BitsPerPixel="32" to the app element in WMAppManifest.xml
See http://forums.create.msdn.com/forums/p/85960/520394.aspx#520394
The problem is that the gradient on your splash screen is causing banding, which you can solve by dithering. Robby Ingebretsen has an action for PhotoShop that you can use: http://nerdplusart.com/photoshop-action-for-windows-phone-7-dithering
I suspect the emulator. Run the emulator at full size or run the app on an actual device.
Windows Phone is currently only supporting a color depth of 16bit, causing especially some gradients displaying downsampled for 24bit images. Some first generation firmwares by HTC had a "bug" that also allowed 24bit. Theoretically it is just a registry key, but you cannot commonly change it. Microsoft has limited the color depth to 16bit for the benefit of performance, but as far as I knnow there are some second-generation models without this limitation now.
You may try to downsample the image in Photoshop to 16bit and optimize it for this color depth.
This is probably a long shot, but I have vague sense I ran across this many years ago so I'm hoping someone can help.
I have a static image in a Crystal Report page header that acts as a letter head. Everything looks fine in the designer, but at run-time the image displays a black line along the bottom of the image. Kind of like a border, but the line is only about a third of the width of the image and aligned to the right.
Borders for the image are set to none. I also set the image border color and background color to white. The original image was slightly large, so I resized it in Photoshop to fit the page width, thinking maybe the line was an artifact of Crystal resizing it. No joy. The image is a Jpeg but I've also tried PNG and bitmap.
The other compounding problem is I can't test the report directly on my development machine due to database connectivity issues, so the only way to test is to copy the report file to the user's machine and run it there. Additionally, the user doesn't have Crystal itself but a viewer application my predecessor wrote many years ago. So I wonder if the problem is the user's machine or settings.
You may check to make sure that the image's drop-shadow formatting option isn't set. It's on the border tab if you go to the picture's properties. This is a long-shot, but I decided to throw it out there anyhow. Hope it helps.
The problem was fixed by upgrading the user's Crystal Reports viewer application. I'm not sure what version of Crystal it was built with, but I'm doing report design in XI. I created a new viewer application and the problem cleared up.