It would resize page to fit your image. Your png would include the page A4, don't know if it matters though. Maybe you are working on an A4 project and the your png would place in right place. Just a thought.
Edit / Document Properties / Click on Resize to content
Did notice had to click on object for export to see the new page.
I'd try using the PNG controls and setting the output to RGBA 8. The controls are hidden until the export checkbox is cleared and the export button is clicked.
I think the PNG from Inkscape is ok... something in the conversion to pixel format may be causing the issue. But, I don't know if settings in Inkscape make a difference.
I checked on multiple TFT Parallel & MIPI display... but same issue... output of image on display is different than the PNG image..
very strange first time i faced this issue with image generated from inkspace & then generated image in this format for LVGL :---- const lv_img_dsc_t _drawing_Guage_2_233x223 = { .header.always_zero = 0, .header.w = 233, .header.h = 223, .data_size = 51959 * LV_COLOR_SIZE / 8, .header.cf = LV_IMG_CF_TRUE_COLOR_ALPHA, .data = _drawing_Guage_2_233x223_map, };
The PNG behaves as expected in other graphics programs and browsers, so some downstream process is likely involved. The LVGL people may have guidance for the process and any settings needed in generating the PNG.
Issue seems to be with the image created, when i run the simulator, then on PC we can see the image. here we can see in the simulator black lines with white outline.
I cut the image from group of lines as in attached svg file.
Again, this is an issues better addressed by the LVGL forums. The PNGs created in Inkscape behave as expected in other graphics programs and round-tripped back into Inkscape.
Hi Inkspace team,
I created an group of 18 black lines and exported it as png image.
But when i use to display this png image then, on the boundary of each black line a white outline is coming.
How to remove this white outline across each black line ?
Regards,
Dinesh
UM22.04 Inkscape 1.2 (1:1.2.1+202207142221+cd75a1ee6d)
I don't see the white. Here is .png exported from file you uploaded. See if it yields different result.
Also not sure of usage maybe resize to content in Document Properties for less border.
Thanks for your reply.
>>Also not sure of usage maybe resize to content in Document Properties for less border.
What exactly you mean to say here ?
Regards,
DInesh
It would resize page to fit your image. Your png would include the page A4, don't know if it matters though. Maybe you are working on an A4 project and the your png would place in right place. Just a thought.
Edit / Document Properties / Click on Resize to content
Did notice had to click on object for export to see the new page.
Attached .png
I wouldn't be concerned about placement or page size.
Depending on the use of the PNG export, antialiasing may be visible.
How is the image being used?
@din.gulu.er
Secondary question did either of the pngs I uploaded have the same issue?
@TylerDurden,
I am using this image on TFT with resolution of 800x480.
I am using LVGL library to display this image on target.
https://lvgl.io/
>>Depending on the use of the PNG export, antialiasing may be visible.
I think you are correct, it seems to be antialiasing visible.
png image is converted into :---
/*Pixel format: Alpha 8 bit, Red: 5 bit, Green: 6 bit, Blue: 5 bit*/
Anyway i can correct it ?
Regards,
Dinesh
I'd try using the PNG controls and setting the output to RGBA 8. The controls are hidden until the export checkbox is cleared and the export button is clicked.
@TylerDurden,
>> The controls are hidden until the export checkbox is cleared and the export button is clicked.
Same setting is used in my Inkspace project.
Please see this is the output on target TFT.
I think the PNG from Inkscape is ok... something in the conversion to pixel format may be causing the issue. But, I don't know if settings in Inkscape make a difference.
I'd check with the LVGL community to see if they have ideas. https://forum.lvgl.io/
I checked on multiple TFT Parallel & MIPI display... but same issue... output of image on display is different than the PNG image..
very strange first time i faced this issue with image generated from inkspace & then generated image in this format for LVGL :----
const lv_img_dsc_t _drawing_Guage_2_233x223 = {
.header.always_zero = 0,
.header.w = 233,
.header.h = 223,
.data_size = 51959 * LV_COLOR_SIZE / 8,
.header.cf = LV_IMG_CF_TRUE_COLOR_ALPHA,
.data = _drawing_Guage_2_233x223_map,
};
The PNG behaves as expected in other graphics programs and browsers, so some downstream process is likely involved. The LVGL people may have guidance for the process and any settings needed in generating the PNG.
@TylerDurden,
Issue seems to be with the image created, when i run the simulator, then on PC we can see the image.
here we can see in the simulator black lines with white outline.
I cut the image from group of lines as in attached svg file.
Regards,
Dinesh
Again, this is an issues better addressed by the LVGL forums. The PNGs created in Inkscape behave as expected in other graphics programs and round-tripped back into Inkscape.
https://forum.lvgl.io/tags/c/general-discussion/2/image-converter