I'm realy buffled here, i'm getting scrolbars on my published multi size images in Google Web Deigner.
So, I just want to create multiple sizes of image ads in Google Web Designer.
I go to File / New file / and i select Image (new) and multi size format. In my Responsive window i select multi-size layout, and i select 2-3 different sizes (ie 300x250, 970x250, 300x600).
Next, i import some images in the Library, and i do my design setup for each size in Edit Base document. Then, i make the needed changes for every size.
Bare in mind that since my sizes are completely different, my imported image in some of them is bigger than my actual ad size and leaks out of the borders of the ad.
When i Publish, in every size that my image is bigger than the ad size, i get... scrollbars in my result.
I'm using version 15.0.1.0922 In Windows 10
What i'm i doing wrong? I can't find any posted bug in Google Search, so, any ideas would be appreciated...
Same problem but no answer. I made the ad bigger and cut it out by hand.
New update really ain't good, Googles doing a very poor job.
Related
I created a Collection View for a app that showing photo specific by self app captured.
When showing the original photo it very slow e.g. the size of 5MB~10MB may be too large for showing.
Is there any way that I can get or even create the thumbnail for preview?
I tried for using C# standard way but the Image.Save( MemoryStream in MAUI is Windows platform only ...
First of all, I want to point out, that it is not a matter of choice.
Too big images will not be rendered, and you will see nothing but white space. (Learned that from testing it on Android.)
You can check this first:
https://learn.microsoft.com/en-us/dotnet/maui/user-interface/graphics/images?view=net-maui-7.0
I also use ImageSharp. (Despite the non-sense that happened recently, this is still a very good tool).
In any case, maybe it will be good to store the photo and the thumbnail separately, speaking of collection view, I do not think that it will perform well, if you need to mass-scale 5-10 MB photos. At least the devices I use cannot do this effectively.
I don't know where to store images and how to get the images by their id and this new gui is good but there are no tutorials on how to use it.
The images are stored in the resource file (theme.res) which lets you use features such as multi-image (an image that adapts to DPI.
You can edit the resource file via CSS or the designer (depending on your configuration). Assuming you didn't enable CSS you can use the following toolbar option to add an images directly from the GUI builder.
Notice these 3 icons on the top right area:
When you hover over them you should see the following tooltips:
Add Image
Add Multi Image
Set Multi Image Import DPI
They all do what you expect. The last one shows you this dialog:
Here you can define the density to which you designed the image you're importing. That way it will be logically scaled to all the other densities so an image designed for a 600ppi device will look similar on a 300ppi device (ppi == Pixels Per Inch).
I agree the UX should be improved here so I added an RFE for fixing this in a future update.
I've been looking for the pixel width of the facebook homepage, excluding the page ads and your profile options, such as MESSAGES and News feed.
I have tried searching for it, but my answer is not found. Please let me know if you have the answer. (And if you have facebook on max size on your browser, if that changes anything, but I mean like the full width of the full size web-browser.)
Thanks.
If you want to know things like this, and you know your way around a graphics editing program, make a screen shot of the FB page, load it into your editor and measure in there.
These programs e.g. all show the size of the bounding rectangle if you make a rectangular selection of the item you want to measure.
This does not work if the objects in the web page size with your windows browser size, but even then you can often calculate a size by e.g. subtracting sizes of fixed elements from your browser window size.
Ok, embarrassing, there must be an easy way - I have a Core Data model diagram that I want to print - printing is easy, but it pushes it over 4 pages which is difficult to carry around as a handy reference - how do I get it to shrink it onto 1 page?
I defined a 1m by 1m paper size, used it to create a PDF, cropped and then printed it:
Go to "File"->"Page Setup…"
Go to "Paper Size"->"Manage Custom Sizes…"
Define a new paper size with 1000x1000 mm and no borders
Go to "File"->"Print…"
Choose "PDF"->"Open PDF in Preview"
Go to "Tools"->"Rectangular Selection", select the area to crop
Do "Tools"->"Crop"
Go to "File"->"Print…", print
Sounds complicated, but works. Instead of cropping, you could use the scale factor in the Preview print dialog.
I ran into the same problem described above, where the zoom didn't really seem to work well much below about 70-80%. I found that if (in XCode 4) you go to File->Page Setup, then choose a different size of paper that the model will fit onto 1 page (I chose A3). Then go to File->Print but instead of printing the document, choose "Save PDF". Then view the resulting PDF file using Preview, and print from there: Preview will allow you to scale the image in the Print dialog so that it fits on whatever size paper your printer supports.
I tried this in XCode 4 - as mentioned, there is a "Page Setup" with Zoom option - however it seems to be limited - any zoom level below 70% seems to produce inconsistent results: either it thinks that it now fits on a single page, but parts are cut off, or it doesn't actually decrease the zoom an further as you request smaller percentages....
It's a little counter-intuitive, but in XCode (4) whilst viewing your data model go to File->Page Setup, which will let you adjust the zoom level.
You can then go to print and check the zoom level is high enough to fit your diagram onto a single sheet.
And if you're not on Xcode 4, you have to resort to n-up printing in preview and copy-pasting (the involving scissors kind) the pages together. The support for page setup was lost somewhere around Xcode 3.1.
We're using the facebook graph API http://developers.facebook.com/docs/reference/api/post/ and adding the picture parameter. Our picture is a 30x30 pixel image, which is exactly the size we want for the facebook web version. However, the image will be pixelated when using the FB mobile app on an iPhone4 (retina display).
Is there any way to serve a 60x60 high resolution image, but render it always at 30x30 for facebook wall posts?
Well.. as of this moment, here is what I have found out, and offer a 'solution' that has worked for me based on the time i've had to test & play with this concept. For all the readers out there, who need a quick answer to the question, i don't have the exact solution to the question, but…. Essentially, your 30x30 image is being scaled to 90x90. The 60x60 image is being scaled to 90x90. And I can not find a way to go around this.
Below is what I have tried. Feel free to add input.
Take your feed image, and stroke a 2-5px black line around the frame of the image.
Load up your app, initiate a wall feed on the device. With the image present, take a screenshot. Mail yourself the image. Open it up in Photoshop (or photo editing program). Use a Marquee tool to outline the image. Cut it out of the screenshot and paste it as a new image. What size is it? 90x90, right? (and obviously 180x180 if image is retina)
Create a 90x 90 image. Copy your original 30x30 image and paste it anywhere you want within the new 90x90 images' frame. Upload it to the URL parameter's location. Re-run your app. By re-running it, i mean you have to shut it down completely, it appears as though the SDK is cacheing the image upon first launch of the feed and you can clear that cache by closing the app completely, and rerunning it. When you do, you will see significant improvements with the look of the image. It may not be a retina image, but it at least won't be 'fuzzy ugly'. At this point, it boils down to how nice of illustrative lines that where done in the design process to remove the aliasing effect produced from the conversion to a raster graphic. As well, i'm not sure if a variation of resampling method will produce even better results.
Some things i've tried:
I've also saved it as a png file with no transparency : 144ppi at 90 x 90 size. In other words, save your 90x90 image with a higher resolution (pixels per inch). Remember to not constrain proportions as you image resize. And note that If you are using adobe products, i.e. photoshop ) - don't save for web, just use 'save as…', as this will retain the ppi you specified. Although, i don't believe i see much of a difference in the quality which this is displayed going this route, and best to try to keep the file size down as this will increase the overall image size by about 500% or more.
I've tried variations of hosting the image twice the size (180x180) within the same hosted folder and naming it image#2x.png & image-large.png <--(just for the heck of it). This is not really solving the problem either.
Some other things I have not tried:
Monitoring your web server traffic, and any "not found" errors to a resource to see if FB is trying to access an a potential alternate resource when grabbing your image for display, the wall feed box that comes up is a webview. Meaning web graphics. (It's FB's web page…meaning their rules, and i doubt the pages' source is available to dabble with within the SDK.. so!…
Look at the HTML of the feed itself with safari browser:
The inspection of the HTML within the final resulting image that is posted on my FB wall I can see this….
<img class="img" src="http://platform.ak.fbcdn.net/www/app_full_proxy.php?app=153675474666495&v=1&size=z&cksum=773bba91f6146b2463eed0a0bb77dc42&src=http%3A%2F%2Fwww.thumbwizards.com%2Fspeakinapps%2Fgraphics%2Fboxed%2Faussie.png" alt="">
I am wondering:
Within HTML5 isn't there a mechanism to provide a toolkit type of javascript to display retina graphics from a web page?
Would it be possible to have that code run when grabbing the url to the image (in meaning, the url of the image would be acting as a pointer to the code.? I haven't tried playing with this, since my logic tells me that per the url above that FB is essentially taking control over the image at this point. I have noticed (and not waited long enough to see) that the image is apparently cached and posting to the wall with a new image, sometimes results in the older image still being used. (and yes, i've cleared my browser cache)… perhaps simply cached in another location..
If there is another parameter for the image type, that is not published, I have not stumbled across any yet.
Can anyone figure out if through source of:
[http://platform.ak.fbcdn.net/www/app_full_proxy.php] if this php file is part of an available image processor out there we can access to view what could be done?
Can anyone mention an app that uses a retina graphic in their feed post?
Just thoughts really, I've decided to not really give a crop, and if
you've made it this far. Thanks for tuning in. ..So, Sulf, your 30x30 is being scaled to 90x90. making it UGLY!.
Good luck.. If you figure anything else out, let me know!
Mark
apple specify that if you want to add the retina effect for your ios app then the images you are using in this format -i.e
sampleImag.png- 57*57(size) , 163 (DPI)
sampleImag#2x.png - 114*114(size),326 (DPI) when you use these specific graphic images you will get your app is showing retina effect in iphone 4 and above generation.
Just point your code to a larger scaled image and Facebook will take care of the rest.