feedbin / feedbin-api

Feedbin API Documentation
349 stars 26 forks source link

Image selection for underconsideration.com #47

Open jbrayton opened 4 years ago

jbrayton commented 4 years ago

This is a ticket motivated by this Twitter thread:

https://twitter.com/squaredpx/status/1267453178871713793

Articles for feeds from underconsideration.com seem to have recommended thumbnails that appear surprising. For example:

GET https://api.feedbin.com/v2/entries.json?ids=2464597597&mode=extended

[
  {
    "id": 2464597597,
    "feed_id": 1354585,
    "title": "Reviewed: New Logo and Identity for Popeyes by Jones Knowles Ritchie",
    "author": null,
    "summary": "“Eyes on the Prize” Established in 1927, Popeyes is a quick service restaurant offering a unique New Orleans style menu featuring spicy chicken, chicken tenders, fried shrimp, and other regional items. From a single location in the New Orleans suburb of",
    "content": "                            \n                        \n                                \u003ch1\u003e“Eyes on the Prize”\u003c/h1\u003e\n\n\n\n    \u003ca href=\"https://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_popeyes_by_jones_knowles_ritchie.php\"\u003e\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_logo_before_after.png\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\" class=\"webfeedsFeaturedVisual\"\u003e\u003c/a\u003e\n\n\n                        \n\n\n \n\n                                \n                                \n                                            \u003cp\u003eEstablished in 1927, \u003ca href=\"https://www.popeyes.com/\" target=\"_blank\"\u003ePopeyes\u003c/a\u003e is a quick service restaurant offering a unique New Orleans style menu featuring spicy chicken, chicken tenders, fried shrimp, and other regional items. From a single location in the New Orleans suburb of Arabi, Popeyes has grown into one of the world's largest chicken quick service restaurants with over 3,300 locations in the U.S. and around the world and last year's launch of its Chicken Sandwich brought unprecedented sales growth and popularity. With a big worldwide expansion in process, Popeyes has introduced a new identity designed by \u003ca href=\"https://www.jkrglobal.com/\" target=\"_blank\"\u003eJones Knowles Ritchie\u003c/a\u003e.\u003c/p\u003e\n\n                                            \n                                            \u003cblockquote\u003eTo further spread the product love to even more guests, it was time for Popeyes® to translate its Louisiana roots in a more modern approach by completely redesigning the brand's visual identity and restaurant image. Jones Knowles Ritchie, the international award-winning design firm, led the brand's visual identity refresh which started with the logo. The old playful Popeyes® logo has been matured with a contemporary typeface that elevates the brand and reflects the culinary depth that goes into making the Popeyes® signature foods.\u003cbr\u003e\u003cbr\u003eFans can expect to see the new visual identity continue to roll out across Popeyes® restaurants from packaging including to-go bags, cups and boxes, as well as uniforms and other merchandise. The hand-drawn brand pattern featured on the packaging reflects the vibrancy of Louisiana culture and the unadulterated joy that goes into making Popeyes® food.\u003c/blockquote\u003e\u003ch3\u003e\u003ca href=\"https://www.businesswire.com/news/home/20200529005095/en/Modern-Popeyes%C2%AE-Renaissance\" target=\"_blank\"\u003ePopeye's press release\u003c/a\u003e\u003c/h3\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_logo.png\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003eLogo.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cp\u003eThe new logo is the perfect next step in the evolution of the Popeyes logo that began with the previous logo \u003ca href=\"https://www.underconsideration.com/brandnew/archives/popeyes_gets_jazzy.php\" target=\"_blank\"\u003edesigned by Pentagram's DJ Stout in 2008\u003c/a\u003e that tempered the zaniness of its predecessor and provided the first step of moving into orange as the brand color. The old logo retained the bounciness and quirkiness of the logo that came before it and served as a great segue into this new iteration that brings all the letters in line while maintaining the unicase approach and the unique traits of the \"P\"s and the \"S\". It's undoubtedly a more mature look but it still has enough of the unique personality that makes Popeyes, Popeyes.\u003c/p\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_logo_secondary.png\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003eSecondary logo.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cp\u003eThe secondary logo is charming with a chicken that, I believe, is meant to look like a decorative weather vane. The typography could be a little more interesting, especially the \"19\" and \"72\" but the chicken, with its \"S\"-shaped tail makes it all the worthwhile.\u003c/p\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_pattern.png\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003ePattern.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cfigure class=\"full\"\u003e\u003cdiv class=\"video-container\"\u003e\u003cvideo controls controlslist=\"nodownload\" poster=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_pattern_animated.jpg\"\u003e\u003csource src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_pattern_animated.mp4\" type=\"video/mp4\"\u003eYour browser does not support the video tag.\u003c/source\u003e\u003c/video\u003e\u003c/div\u003e\n\u003cfigcaption\u003ePattern, animated.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cp\u003eAt the core of the identity is the hand-drawn pattern that has a very loose and unfinished aesthetic that comes almost as a shock in contrast to the usual super crisp consumer brand patterns -- thinking of things like \u003ca href=\"https://www.underconsideration.com/brandnew/archives/new_logo_identity_and_packaging_for_cadbury_by_bulletproof.php\" target=\"_blank\"\u003eCadbury\u003c/a\u003e or \u003ca href=\"https://www.underconsideration.com/brandnew/archives/miller_high_life_overhaul.php\" target=\"_blank\"\u003eMiller\u003c/a\u003e, among others. I'm torn about it because I enjoy the impetus behind it but I'm not a huge fan of the final drawings and lettering. I don't dislike it but I want very badly to love it because there is definitely something good here that separates Popeyes from the other QSR joints.\u003c/p\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_pattern_with_chicken.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003ePattern with chicken.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_pattern_with_chicken_bag.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003ePattern on a bag with chicken sandwich in the process of being made.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_packaging.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003ePackaging.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_wildpostings.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003eWild postings.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_billboard.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003eBillboard.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cp\u003eMaybe part of why I am not convinced about the pattern is that the few applications shown lack some wow factor. I think the strongest element in the images above is the close-up photo of the fried chicken itself, not so much the pattern, colors, or packaging. To the identity's credit, that photo looks great in part because of the pattern under the chicken. Still, there is something missing to take this to the next JKR-esque level, \u003ca href=\"https://www.underconsideration.com/brandnew/archives/new_name_and_logo_for_dunkin_by_jones_knowles_ritchie.php\" target=\"_blank\"\u003ea la Dunkin'\u003c/a\u003e, which may not be a fair comparison but the wild posting image very much tries to recreate the lightning in a bottle of \u003ca href=\"https://www.underconsideration.com/brandnew/archives/dunkin_posters.jpg\" target=\"_blank\"\u003eDunkin's wild posting image\u003c/a\u003e and it doesn't quite have the same burst of energy.\u003c/p\u003e\n\n\u003cblockquote\u003eIn the United States, Popeyes® recently opened its first remodeled restaurant in Marrero, LA, just outside its hometown of New Orleans. The powder coated metals in the furniture and counter design are inspired by the iconic Saint Charles Market Car, utilitarian spaces and handcrafted details nod to the creative culture of the Bywater in New Orleans, and the personality and artwork celebrate the creole heritage that's been passed down over generations. This new image is being piloted in the U.S., with aims to expand nationally across existing and new restaurants.\u003cbr\u003e\u003cbr\u003eThe Popeyes® restaurants will now start to look different throughout the U.S. and around the world after a collaborative redesign, in partnership with the design firms Brand Bureau and Linehouse. On May 15th, the brand opened its first flagship restaurant in Shanghai, China. Equipped with high end technology and an elevated store design, but still rooted in the brand's Louisiana heritage, leveraging warm woods and neons inspired by New Orleans' Bourbon Street.\u003c/blockquote\u003e\u003ch3\u003e\u003ca href=\"https://www.businesswire.com/news/home/20200529005095/en/Modern-Popeyes%C2%AE-Renaissance\" target=\"_blank\"\u003ePopeye's press release\u003c/a\u003e\u003c/h3\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_restaurant_us_01.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003chr\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_restaurant_us_02.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003chr\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_restaurant_us_03.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003eThe first remodeled restaurant in the U.S. in Marrero, LA. Stores have been redesigned in collaboration with \u003ca href=\"https://www.brandbureau.com/\" target=\"_blank\"\u003eBrand Bureau\u003c/a\u003e and \u003ca href=\"http://linehousedesign.com/\" target=\"_blank\"\u003eLinehouse\u003c/a\u003e.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_restaurant_shanghai_01.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003chr\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_restaurant_shanghai_02.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003chr\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_restaurant_shanghai_03.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003chr\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_restaurant_shanghai_04.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003eFlagship restaurant in Shanghai, China.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cfigure class=\"full\"\u003e\n\u003cimg src=\"https://www.underconsideration.com/brandnew/archives/popeyes_2020_restaurant_spain_01.jpg\" alt=\"New Logo and Identity for Popeyes by Jones Knowles Ritchie\"\u003e\n\u003cfigcaption\u003eRestaurant in Madrid, Spain.\u003c/figcaption\u003e\n\u003c/figure\u003e\n\n\u003cp class=\"end\"\u003eThe redesigned stores -- from the more \"normal\" in the U.S. to the fully tricked-out one in Shanghai -- are pretty great and do a nice job of making the interiors look much more inviting, exciting, and unique, without all the usual formica tabletops and generic finishes of most QSR places. Overall, this is definitely strong and vibrant work that will help build on the growing excitement around the Popeyes brand, one spicy fried chicken at a time.\u003c/p\u003e\n\n\n\t\t\t\t\t\t\t\t\n                                \n                                \n                                                        \n                        ",
    "url": "https://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_popeyes_by_jones_knowles_ritchie.php",
    "published": "2020-06-01T10:32:15.945603Z",
    "created_at": "2020-06-01T10:32:15.945586Z",
    "original": null,
    "twitter_id": null,
    "twitter_thread_ids": [],
    "extracted_content_url": "https://extract.feedbin.com/parser/feedbin/f5105e277faedf05afa5594f1096d9c7f2b96ce9?base64_url=aHR0cHM6Ly93d3cudW5kZXJjb25zaWRlcmF0aW9uLmNvbS9icmFuZG5ldy9hcmNoaXZlcy9uZXdfbG9nb19hbmRfaWRlbnRpdHlfZm9yX3BvcGV5ZXNfYnlfam9uZXNfa25vd2xlc19yaXRjaGllLnBocA==",
    "images": {
      "original_url": "https://www.underconsideration.com/brandnew/archives/popeyes_2020_pattern_with_chicken.jpg",
      "size_1": {
        "cdn_url": "https://images.feedbinusercontent.com/112c3df/112c3df7e2dd8f56a2709804f54abd387c4f40ad.jpg",
        "width": 542,
        "height": 304
      }
    },
    "enclosure": null,
    "extracted_articles": [],
    "json_feed": null
  }
]

The recommended thumbnail is a JPEG that is in the article, but the first image on in the article is a 2000x832 PNG. The 2000x832 PNG is also the og:image for the webpage. Looking briefly at the code for the Feedbin image processing service, it looks like Feedbin might not be considering PNG images for thumbnail. At least that's my hunch based on this line of code:

IGNORE_EXTENSIONS = [".gif", ".png", ".webp"]

I can see why PNG images might not be considered thumbnails, but I wonder if it makes sense to consider a PNG if it is also the og:image for the page.

benubois commented 4 years ago

The main consideration for thumbnails is that they are visually interesting. I think this case perfectly illustrates this. I prefer Feedbin's choice (left) over using the og:image (right).

Frame 6

I'm not interested in having per-site settings. However, there is an argument to be made for always using the og:image if it's present. I'll have to think about that and see how it looks.

jbrayton commented 4 years ago

Thanks! I appreciate that there are a lot of trade-offs involved. And I am otherwise very happy with Feedbin's thumbnail selection.