I am running into an interesting issue; I have my app providing search suggestions to the QSB along with a movie poster via SUGGEST_COLUMN_ICON_1.
On versions of GTV prior to v3 I would get the poster displayed properly.
On v3, the suggestion is shown (under other) with only a portion of the poster shown in a square.
TV an movies suggestions, from primetime show appropriately sized suggestion posters in the qsb, is there a way to change the aspect of the suggestion icon displayed or maybe a different field that could be used for the suggestion ?
EDIT : code
I use a basic content provider to read the suggestions from sqlite; I use the following projections; i do not do anything beyond that.
projection = new String[] { Tables.MEDIA_SEARCH + ".rowid AS " + BaseColumns._ID,
SearchManager.SUGGEST_COLUMN_TEXT_1,
SearchManager.SUGGEST_COLUMN_TEXT_2,
SearchManager.SUGGEST_COLUMN_INTENT_DATA,
SearchManager.SUGGEST_COLUMN_INTENT_DATA_ID,
SearchManager.SUGGEST_COLUMN_INTENT_EXTRA_DATA,
SearchManager.SUGGEST_COLUMN_ICON_1 };
I spoke with the eng team and design team about this. On V3 the decision was made to constrain the 3rd party provided images to QSB into the square format you are encountering. The suggested method for serving images to qsb and maintain aspect ratio is to provide a square image where you manage the contents of it (1:1 ratio). Unfortunately there is not a way to force the aspect correction in the latest version for your case.
Related
I am using the facebook plugin on my wordpress website. My posts are image-only. I am able get the open graph functionality to work, however the image is either a tiny thumbnail with a useless excerpt box beside it, or full-sized with half of it cut of because of the useless caption box.
Now, I say useless, but I wouldn't mind having only my url presented below the image if possible, but without all the extra space. It looks terrible. Also, My image posts do not have titles so in the excerpts box the only title option without a separator for the "collection" theme I am using is sitenameonly....which leave my
sitename
site url
< .........huge extra excerpt space..............................................................................................................................................................................................................................................................................................................................................................>
I have looked elsewhere, in fact all over but can't find information to:
make images full-sized (as if they were posted directly to facebook)
Remove extra space in the excerpt box, leaving only the url
(or remove the box entirely--leaving a full-sized image)
thanks so much in advance
As long as your Wordpress plugin assigns a proper image to each post using the og:image tag and the conditions stated below (emphasis added) then you should be able to get full size posts.
We've increased the size of images in link page posts by 4x on mobile
and 8x on desktop to help you drive better fan engagement. As part of
this change, we've also made the aspect ratios for images consistent
across mobile and desktop. We recommend the following steps to
optimize your images for this new format:
Use images that are 1200 x 630px or greater for the best display on high-resolution devices. At the minimum you should use images that are
600 x 315px to display link page posts with larger images.
Use images that have an aspect ratio of 1.91:1. Try to keep your images as close to this aspect ratio as possible to avoid any cropping
in News Feed.
Use the og:image tag to choose the image that you want to share. If you don't use the og:image tag, users can choose the image they want
to post, giving them a chance to select an image that is poor quality.
Source: Larger Images for Link Page Posts
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.
Currently I'm trying to edit a login screen for a web based application. As of now, I have the login prompt (user & password) at a particular place on page so that it corresponds with the background image. Right now this image is set to 1024x768.
What I was wondering, is there a way to have the background automatically scale depending on users own resolution while have the login appear at the correct location? I'm not sure if this is possible but thought someone might have some advice.
I've made a jsFiddle solution that can come in handy:
Click here to see background-resizing at work
It works with jQuery, and I've commented most code so you can understand how it works. You compare the aspect ratio of the image and the browserwindow, look at the difference and then resize the width or height, based on how the aspect ratio's are comparing. The css is also worth a look.
I tested it in Firefox and IE(7/8), but jsFiddle resizing is a bit buggy in IE.
Good luck!
Update:
I've made an updated jsFiddle here.
In this scenario, the message box (in your case the loginbox) is positioned absolute with percentual offset to the top and right. I also gave it percentual width/height, although that might not be neccesary/wanted. But you can tweak this to see how the box behaves with different window sizes.
I wonder if it is possible to write a lightroom plugin, which applies crop rectangles to a set of images?
Of course I do not just want to duplicate the crop, I'd like to set a different crop to every image, based on some computations.
Can this be achieved with lightroom plugins, or would I need to try a different approach?
Unfortunately as of Lightroom SDK 3.0 it is not possible to programmatically crop an image. There is no official reason for this, but it seems to stem from a two linked causes. First, the only way to change an image is to use LrDevelopPreset. This class allows a develop preset to be modified and applied to an image. And second, develop presets cannot store crop settings.
There are a couple of threads in the Lightroom Feature Request forum mentioning the inability of crop settings to be specified in a develop preset. No generally applicable workaround has been found.