title: Facebook Open Graph isn't loading image
body: <p>I've put together a micro site that lets users decorate a tree to be shared on facebook/twitter/etc...</p>
  
  <p><a href="http://jajo.net/odditree/share.php?file=u/1418759317.png" rel="nofollow noreferrer">http://jajo.net/odditree/share.php?file=u/1418759317.png</a></p>
  
  <p>Some php magic creates and uploads their image, then sets a variable to be retrieved on the last page.</p>
  
  <pre><code>$file = $_GET["file"];
  $url = "http://www.jajo.net/odditree/" . $file;
  </code></pre>
  
  <p>Everything is working fine except for the Facebook share dialog.</p>
  
  <p>At first, I tried using a URL to share the image:</p>
  
  <pre><code>&lt;a class="btn fb" href="" onclick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[url]=&lt;?echo $url?&gt;&amp;p[images][0]=&lt;?echo $url?&gt;&amp;p[title]=Jajo - Holiday Odditree=', 'newwindow', 'width=600, height=250'); return false;"&gt;&lt;span class="icon"&gt;&lt;i class="icon-facebook"&gt;&lt;/i&gt;&lt;/span&gt; Share on Facebook&lt;/a&gt;
  </code></pre>
  
  <p>Sometimes this would load the description, sometimes the image. Never both.</p>
  
  <p>After struggling to make this work I conceded to Facebook's will and created an App.</p>
  
  <p>After following the dev documentation I put this together:</p>
  
  <pre><code>&lt;a style="cursor:pointer;" onclick="window.open('https://www.facebook.com/sharer/sharer.php?app_id=823686387676926&amp;u=http%3A%2F%2Fwww.jajo.net%2Fodditree&amp;display=popup&amp;ref=plugin' , 'newwindow', 'width=600, height=250'); return flase;"&gt;Facebook Again&lt;/a&gt;
  </code></pre>
  
  <p>The site now relies on Facebook for the heavy lifting and all I need to do is provide open graph data.</p>
  
  <p>Here's what that looks like:</p>
  
  <pre><code>&lt;meta property="og:title" content="Jajo Holiday Odditree"&gt;
  &lt;meta property="og:site_name" content="Jajo Holiday Odditree"&gt; 
  &lt;meta property="og:url" content="http://www.jajo.net/odditree/"&gt;
  &lt;meta property="og:description" content="&lt;?if ($url) {?&gt;Behold my @Jajo Holiday #Odditree! Share your own Odditree creation. http://jajo.net/odditree&lt;?}else{?&gt;Create your own Odditree. http://jajo.net/odditree&lt;?}?&gt;"&gt;
  &lt;meta property="og:image" content="&lt;?php echo $params['image']; ?&gt;"&gt;
  &lt;meta property="fb:app_id" content="823686387676926"&gt;
  &lt;meta property="og:type" content="website"&gt;
  </code></pre>
  
  <p>As far as I can tell, everything is where it needs to be, It even echos the data correctly when I view-source. Yet the share button only shows this:</p>
  
  <p><img src="https://i.stack.imgur.com/YowHn.png" alt="fb dialog box"></p>
  
  <p>The logo image it's pulling there goes away when it's shared and on my timeline it's just a blank box. Instead of the open graph image:</p>
  
  <p><img src="https://i.stack.imgur.com/RGuC8.png" alt="the source"></p>
  
  <p>I've debugged and scrapped several times, but my og:image always comes up empty.
  <a href="https://developers.facebook.com/tools/debug/og/object/" rel="nofollow noreferrer">https://developers.facebook.com/tools/debug/og/object/</a></p>
  
  <p>I'm at a loss here.</p>
  
  <p>If anyone can help me troubleshoot this issue, I'd really appreciate it.</p>
  
  <p>===UPDATES===
  After involving several people, having a lengthy chat, and pulling hair out... We were unable to make this work in time for the site to launch. So we dropped the facebook stuff and it became a twitter campaign.</p>
  
  <p>After all was said and done, my best guess was that it had to do with image sizes.</p>